从字符串中提取html元素

时间:2011-06-15 13:01:38

标签: jquery xml parsing

我有一些XML字符串输出,如下所示:

<xml>
<node>
<Title name="Title">Tea and Coffee</Title>
<Menu-Item name="Menu-Item">
<div class="field-item field-item-0">Freshly brewed fairtrade filter coffee and a selection of fairtrade tea and herbal infusions</div><div class="field-item field-item-1">Ut laoreet porta tellus, ut pellentesque ipsum dictum metus.</div>
</Menu-Item>
</node>
</xml>

我需要做的下一件事是提取'div'元素并将它们转换为正常情况下我可以将它们用作jquery对象。

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

我们假设您将此作为名为myxml的变量中的文本字符串。然后用jquery读取它,如下所示:

$(myxml).find('div').each(function() { alert($(this).text()); })

警报仅用于显示如何获取内部文本。这是一篇可以帮助您提供更多示例的帖子:reading-xml-with-jquery

答案 1 :(得分:1)

$('<xml>'+
    '<node>'+
    '<Title name="Title">Tea and Coffee</Title>'+
    '<Menu-Item name="Menu-Item">'+
        '<div class="field-item field-item-0">Freshly brewed fairtrade filter coffee and a selection of fairtrade tea and herbal infusions</div><div class="field-item field-item-1">Ut laoreet porta tellus, ut pellentesque ipsum dictum metus.</div>'+
    '</Menu-Item>'+
    '</node>'+
'</xml>').find('div').appendTo('body');

查看实际操作:http://jsfiddle.net/EhQKv/