JQuery：删除元素后如何获取剩余的 HTML？

Question

我很难在自定义 HTML 对象上使用 jQuery。 我正在搜索一个元素并将其删除，之后我需要剩余的 HTML，但我无法做到。 我的代码如下：

理想情况下，它应该只返回<div id="rendered"></div> 。

 var data = '<h1 id="H9">Hi World</h1'; var html = '<div id="rendered">' + data + '</div>'; console.log($(html).find('#H9').length) $(html).find('#H9').remove() $('#view').html($(html).filter('#rendered').html()) // it shows h9 is there

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="view"></div>

Answer 1

您没有从 html 中删除它，而是从 $(html) 创建的未使用对象中删除它

你也错过了 </h1 中的 >

 var data = '<h1 id="H9">Hi World</h1><h2>Keep this</h2>'; var html = '<div id="rendered">' + data + '</div>'; const $html = $(html); // now we have a jQuery object $html.find('#H9').remove(); // remove the #H9 console.log($html.filter('#rendered').prop("outerHTML") ) $('#view').html( $html.filter('#rendered').prop("outerHTML") // insert the div );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="view"></div>