[英]JQuery: How to fetch the remaining HTML after removing elements?
I am having a very hard time using jQuery on a custom HTML object.我很难在自定义 HTML 对象上使用 jQuery。 I am searching an element and removing it and after that I need the remaining HTML but I am unable to do it.
我正在搜索一个元素并将其删除,之后我需要剩余的 HTML,但我无法做到。 My code is below:
我的代码如下:
Ideally it should return <div id="rendered"></div>
only.理想情况下,它应该只返回
<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>
You did not remove it from html, but from the unused object created by $(html)您没有从 html 中删除它,而是从 $(html) 创建的未使用对象中删除它
Also you missed a > in </h1你也错过了 </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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.