jquery - 如何使用 JQuery 从字符串中删除特定元素及其子元素

Question

我有一个包含 HTML 元素的字符串，如下所示

var div_elements = "<div id=\"pst_body\"><span class=\"quote\">This is the Quoted 
Text</span>This is the Original Text Within the Div</div>";

我想删除 class="quote" 的范围及其所有子元素以及此范围内的文本。而且我想将结果作为字符串而不是对象返回。

其实我想要以下输出

var new_div_elements = "<div id=\"pst_body\">This is the Original Text Within the Div</div>";

我只想得到一个字符串，不包括类引用的跨度及其所有子项，文本蚀刻。如何使用 JQuery 执行此操作

Answer 1

只需将其转换为 jQuery 对象并使用正常的 DOM 操作技术即可。

alert($("<div><span class='quote'>This is the Quoted Text</span><span class='original'>This is the Original Text</span></div>").find(".quote").remove().html());

http://jsfiddle.net/ZyMjD/

Answer 2

这样的事情怎么样？

var div_elements =  "<span class=\"quote\">This is the Quoted Text</span><span class=\"original\">This is the Original Text</span>";
var tempHTMLElement = document.createElement('div');
tempHTMLElement.innerHTML = div_elements;

var new_div_elements = $(".original", $(tempHTMLElement)).html();