如何使用JQuery获取XML元素的属性值?

时间:2014-09-10 05:32:33

标签: jquery xml

我想使用JQuery获取属性的值。 这是我的XML的一部分:

<VertrekkendeTrein>
    <RitNummer>1583</RitNummer>
    <VertrekTijd>2014-09-09T21:24:00+0200</VertrekTijd>


    <EindBestemming>Amersfoort</EindBestemming>
    <TreinSoort>Intercity</TreinSoort>

        <RouteTekst>Hoorn, A'dam Sloterdijk, Amsterdam C.</RouteTekst>

        <Vervoerder>NS</Vervoerder>

    <VertrekSpoor wijziging="false">1</VertrekSpoor>

        <ReisTip>Stopt tot Hoorn op tussengelegen stations</ReisTip>

</VertrekkendeTrein>

我想知道 wijziging 是否是&#34; true&#34; &#34; false&#34;。我尝试使用JQuery:

var tijden = $(response).find("VertrekSpoor").attr("wijziging");

for (var i = 0; i < tijden.length; i++) {
    if (tijden === "true") {
        $(".spoor").css({'color':'rgba(255,0,4,1.00)'});    
    }   
}

希望有人可以帮助我。 我知道关于这个问题还有更多问题,但我找不到解决问题的方法。

1 个答案:

答案 0 :(得分:1)

你做得对。我认为你的XML因为引号而被破坏&#34;&#34;或者在编写find方法之前,你还没有解析它。
刚试过你的脚本,它正在运行。希望这会对你有所帮助:)。

           <script type="text/javascript">
        $(document).ready(function () {
            var yourxml = "<VertrekkendeTrein><RitNummer>1583</RitNummer><VertrekTijd>2014-09-09T21:24:00+0200</VertrekTijd>" +
                        "<EindBestemming>Amersfoort</EindBestemming><TreinSoort>Intercity</TreinSoort><RouteTekst>" +
                        "Hoorn, A'dam Sloterdijk, Amsterdam C.</RouteTekst><Vervoerder>NS</Vervoerder><VertrekSpoor wijziging='false'>1" +
                    "</VertrekSpoor><ReisTip>Stopt tot Hoorn op tussengelegen stations</ReisTip></VertrekkendeTrein>";
            xmlDoc = $.parseXML(yourxml);
            $xml = $(xmlDoc);
            tijden = $xml.find("VertrekSpoor").attr("wijziging");
            if (tijden === "true") {
                $(".spoor").css({ 'color': 'rgba(255,0,4,1.00)' });
            }
        });
    </script>