如何使用jquery在XML Data Island中查找元素?

时间:2016-09-30 20:19:20

标签: javascript jquery html xml xml-parsing

如何使用jQuery输出XML数据岛?以下是我的代码示例:

<script id="XML" type="application/xml">
    <designs>
        <design id="17161" style="44DSW" image="/500.jpg"></design>
    </designs>
</script>
console.log( jQuery('designs design[id="17161"]').attr('style') );          

输出应为:44DSW

2 个答案:

答案 0 :(得分:1)

您需要使用jQuery.parseXML()将字符串解析为XML文档。解析的xml就像HTML文档,你可以在其中找到你的元素。

&#13;
&#13;
var xml = $.parseXML($('#XML').text());
var style = $(xml).find('design[id="17161"]').attr('style');
console.log(style);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script id="XML" type="application/xml">
  <designs>
    <design id="17161" style="44DSW" image="/500.jpg"></design>
  </designs>
</script>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您可以使用下一种语法:

&#13;
&#13;
<div class="label label-default" style="background-color: orange; font-size: x-large" data-poload="ajax/ajaxpopoverstat.php" id="xword"  onmouseover="Popx(this.id)">Suggested Word</div>
&#13;
console.log($($("#XML").text()).find("design")[0].attributes.style.value)
&#13;
&#13;
&#13;