使用JQuery解析包含html的字符串

时间:2010-07-22 09:26:28

标签: jquery html

这个问题没有出现在相关问题列表中。有一些类似的东西,但我想知道:

string s = "<p>Cats</p><div id='fishbiscuits'>myValue</div>";

我想使用JQuery来获取myValue。

我该怎么做?

2 个答案:

答案 0 :(得分:6)

使用jQuery函数创建对象,然后就像使用任何其他元素集一样使用它。任何这些都可以正常工作:

// Using filter()
$(s).filter("#fishbiscuits").text();

// Wrapping with a div and using find()
$('<div>' + s + '</div>').find("#fishbiscuits").text();

// Wrapping with a div and using selector context
$('#fishbiscuits', '<div>' + s + '</div>').text();

// Creating a div, setting the html and then using find
$('<div>').html(s).find("#fishbiscuits").text();

答案 1 :(得分:3)

根据提供的信息,这应该可以解决问题:

var s = "<p>Cats</p><div id='fishbiscuits'>myValue</div>";
var dummyElement = $( '<div>' + s + '</div>' );
var yourString = $( '#fishbiscuits', dummyElement ).html ();

它基本上在你的字符串中创建一个包含HTML的新DOM元素,然后搜索id为'fishbiscuits'的元素并返回它的内部HTML