在HTML字符串中查找元素

时间:2015-02-25 18:04:22

标签: jquery html find

是否可以在HTML字符串中找到元素而不是DOM中的元素?例如,

var html = "<div><span class='find-me'></span></div>"

$("html").find(".find-me").remove();

4 个答案:

答案 0 :(得分:5)

你非常接近,将你的变量包装在$()

var $div = $(html);
$div.find(".find-me").remove();

如果要返回字符串,可以执行以下操作:

var htmlString = $('<div>').append($div).html();

答案 1 :(得分:0)

确实如此,但它容易出错并且不可靠。考虑<div><span class='find-me'>Devious web designer writes class='find-me' inside a text segment</span></div> - 不可否认的是做作,但不是说明。

您正在寻找半结构化内容中的结构信息。你为什么要通过搜索_un_structured内容来改变你的生活?

答案 2 :(得分:0)

如果HTML是一个字符串,你可以使用javascript将它作为一个字符串来使用replace函数,例如:

var html = "<div><span class='find-me'></span></div>"
html = html.replace("find-me", ""); 
alert(html)

在这种情况下,在替换之后,html将是:

<div><span class=''></span></div>

这里是Fiddle

答案 3 :(得分:0)

您可以使用DOMParser();

解析字符串
 var html = "<div><span class='find-me'></span></div>"
 dom_doc = new DOMParser().parseFromString(html, "text/xml");
 $(dom_doc).find('#foo').remove();