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

时间:2013-02-24 14:49:25

标签: jquery

我有一个包含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执行此操作

2 个答案:

答案 0 :(得分:0)

这样的事情怎么样?

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();

答案 1 :(得分:0)

只需将其转换为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/