从字符串中获取div值

Question

我有以下字符串

str ='<div id="example">Text</div><div id="test">Test</div>';

如何通过jQuery获取示例和测试内容。

Answer 1

您需要将文本转换为jQuery对象，然后使用标准遍历方法

str ='<div id="example">Text</div><div id="test">Test</div>';
var live_str = $('<div>',{html:str});

var example = live_str.find('#example').text();
// example variable now holds 'Text'

var test = live_str.find('#test').text();
// example variable now holds 'Test'

演示http://jsfiddle.net/gaby/FJSm6/

---

如您所见，我将字符串设置为另一个元素的html，因为否则div将位于顶层，您将无法使用.find()遍历它们。

Answer 2

您可以通过将有效的HTML传递给jQuery来创建min-DOM（如果您愿意）：

$(str).wrap('<p>').parent().find('div').text();

这样：

var textContent = $(str).wrap('<p>').parent().find('#example').text();
var testContent = $(str).wrap('<p>').parent().find('#test').text();

Answer 3

最简单的方法是将内容存储在var中并使用它：

var example = $('#example').text(), test = $('#test').val();

如果您还想在必要时抓取html标签，也可以使用.html（）获取内容。