提问人：Mosijava 提问时间：12/25/2017 更新时间：12/25/2017 访问量：2707
如何使用jQuery删除html字符串中的元素
how to remove an element in html string with jQuery
问：
我有一个 Html 字符串，我想将其解析为 html，然后删除任何标签和它的子标签。
我试过了这个：pre
HTMLString = "<p>a paragraph</p><p>second Paragraph</p><pre><script> function (){ something(); }</script></pre>";
var $jQueryObject = $($.parseHTML(HTMLString));
alert($jQueryObject.find('pre').length);
但是这提醒我 0 这意味着它找不到任何标签。
谁能告诉我我的代码有什么问题？pre
HTMLString = "<p>a paragraph</p><p>second Paragraph</p><pre><script> function (){ something(); }</script></pre>";
var $jQueryObject = $($.parseHTML(HTMLString));
alert($jQueryObject.find('pre').length);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>答：
4赞
charlietfl
12/25/2017
#1
它不起作用，因为它位于字符串的根级别。对于这种情况，有效，但如果它嵌套在您的另一个元素中，它将找不到另一个<pre>filter()<pre>
通常，您希望将字符串插入到另一个容器中并在该其他容器上使用，这样您就无需担心嵌套级别。find()
HTMLString = "<p>a paragraph</p><p>second Paragraph</p><pre><script> function (){ something(); }</script></pre>";
//changing your code to use `filter()`
var $jQueryObject = $($.parseHTML(HTMLString));
console.log('Filter length:', $jQueryObject.filter('pre').length)
// Using `find()` within another container
var $container = $('<div>').append(HTMLString);
console.log('Find length:', $container.find('pre').length)<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
7赞
Farhad Bagherlo
12/25/2017
#2
HTMLString = "<p>a paragraph</p><p>second Paragraph</p><pre><script> function (){ something(); }</script></pre>";
var $jQueryObject = $("<div/>").html(HTMLString);
console.log("Befor Remove tag: "+ $jQueryObject.find('pre').length);
$jQueryObject.find('pre').remove();
console.log("After Remove tag: "+ $jQueryObject.find('pre').length);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
2赞
Hassan Imam
12/25/2017
#3
您需要通过附加到 DOM 元素来使用 HTML 字符串创建一个 DOM 树，然后您可以使用来获取 tag 元素。find()pre
var HTMLString = "<p>a paragraph</p><p>second Paragraph</p><pre><script> function (){ something(); }</script></pre>";
var $jQueryObject = $('<div>').append($(HTMLString));
console.log($jQueryObject.find('pre').length);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
评论