JQuery& XML调整背景

时间:2013-06-18 10:56:41

标签: javascript jquery xml xml-parsing

我有以下问题,我不知道如何解决这个问题。

我有一个xml文件,如下所示:

<Item active="true" price="29.71" artnr="11123" group="fish"
      groupdescription="Fisch-Conv." headline="SeaWater
      src="images/test.png"
       />

基本上我需要找到组vi jQuery,如果它是例如“fish”那么它会将背景图像更改为另一个..所以第四个,即如果组是“棒”那么另一个图像将显示..如果没有组,则应采用身体css中的默认背景图像。

有谁知道如何做到这一点?

1 个答案:

答案 0 :(得分:1)

考虑这个XML:

<?xml version="1.0"?>
    <Items>
        <Item active="true" price="29.71" artnr="11123" group="fish" groupdescription="Fisch-Conv." headline="SeaWater"  src="images/test.png"/>
        <Item active="true" price="29.71" artnr="11123" group="rods" groupdescription="Fisch-Conv." headline="SeaWater"  src="images/test.png"/>
        <Item active="true" price="29.71" artnr="11123" group="none" groupdescription="Fisch-Conv." headline="SeaWater"  src="images/test.png"/>
     </Items>

我将它存储在一个字符串中,然后在其上运行parseXML(),我将推送一个这样的变量:

var xmlDoc= $.parseXML(myXmlString)

我现在可以使用这个xmlDoc变量作为DOM对象并遍历它,如果需要,可以将它作为参数传递给$()。

$(xmlDoc)

现在,您可以阅读find(), closest()等,并了解如何遍历jQuery。

例如,如果我想获得位于group部分的第一个Item的{​​{1}},我会这样做:

<Item>

然后,你将在一个数组中收集它并循环它以设置你的bg:

$("Items", xmlDoc).find("item")

就是这样。这是一个演示:http://jsfiddle.net/hungerpain/N3mYa/3/