Jquery:</p> <pre><code>var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>"; </code></pre> <p>मैं एक खास प्रकार के सभी टैग निकालना चाहते हैं: पट्टी स्ट्रिंग

Question

से सभी विशिष्ट HTML टैग मैं एक चर है कि इस तरह के रूप में पाठ और html टैग, के एक स्ट्रिंग शामिल है। मान लें कि उदाहरण के लिए सभी p और span टैग कहें। strip span tags from string with jquery:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>"; 
var $temp = $(temp); 
$("p", $temp).replaceWith("foo"); 
alert($temp.html()); //returns "Some text" 

निकटतम प्रतिक्रिया मैं मिल सकता है निक Craver द्वारा इस जवाब है:

यह सबसे अच्छा मैं के साथ आ सकता है।

Answer 1

डेमो: http://jsfiddle.net/VwTHF/1/

$('span, p').contents().unwrap(); 

.contents() ऐसे प्रत्येक टैग के भीतर तत्वों और पाठ मिल जाएगा, और .unwrap तत्व प्रत्येक सामग्री अनुभाग लपेटकर निकाल देंगे।

अपने वर्तमान दृष्टिकोण के आधार पर यह कुछ इस तरह दिखेगा:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>"; 
var $temp = $(temp); 
$temp.find('span, p').contents().unwrap().end().end(); 

आप मूल वस्तु को लक्षित जारी रखना चाहते हैं, तो आप .end() उपयोग करने के लिए फिल्टर साफ करने के लिए किया है।

Answer 2

आप jquery plugin HTML Clean को आजमा सकते हैं। उदाहरण में वे प्रदान करते हैं:

$.htmlClean("<H1 class=\"header\"><P>Nested P Test</H1>", {format:true}); 

=> 
<h1> 
     Nested P Test 
</h1> 

आप {removeTags:[p]} साथ विशिष्ट टैग की जगह ले सकता और यह अभी भी सिर्फ टैग सामग्री प्रस्तुत करना होगा।

Answer 3

मुझे कुछ ऐसा ही करना था: <b>, <i> या <u> के अलावा किसी भी HTML टैग को रखने से टेक्स्ट का एक ब्लॉक रखें। इस सवाल और कई अन्य लोगों ने मुझे अपने स्वयं के कार्य की ओर इशारा किया:

function cleanNonFormattingTags(htmlContents) { 
    if (htmlContents && htmlContents.length) { 
     var result = ''; 
     htmlContents.each(function() { 
      var $child = $(this), type = $child.prop('tagName'), isTextNode = this.nodeName == "#text"; 
      if (isTextNode) { 
       result += this.textContent; 
      } 
      else if (type == 'B' || type == 'U' || type == 'I' || type == 'BR') { // Allow only these types of tags 
       var innerContent = cleanNonFormattingTags($child.contents()); 
       var $newTag = $(document.createElement(type)).html(innerContent); 
       result += $newTag[0].outerHTML; 
      } 
      else { 
       result += cleanNonFormattingTags($child.contents()); 
      } 
     }); 
     return result; 
    } 
    return htmlContents.text(); 
} 

आशा है कि इससे मदद मिलती है!

Answer 4

मैं @nbrooks पर अनुसरण करूंगा क्योंकि उसका जवाब आप जो चाहते हैं उसके बहुत करीब है, लेकिन काफी नहीं। @nbrooks ने यह संकेत देकर समाधान पर मारा कि एचटीएमएल() आपको एक टैग में लपेटा गया डेटा देता है। इसलिए समाधान आपके एचटीएमएल को एक टैग में लपेटना है। यह आपके लिए चाल करना चाहिए:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>"; 
$("<span>" + temp + "</span>").find('span,p'). 
    contents().unwrap().end().end().html()` 

उदाहरण के लिए http://jsfiddle.net/18u5Ld9g/1/ देखें।

एक अधिक सामान्य समारोह के रूप में:

function stripTags(html, tags) { 
    // Tags must be given in CSS selector format 
    return $("<span>" + html + "</span>").find(tags). 
    contents().unwrap().end().end().html(); 
}