How can I get the attribute value of a XML element using JQuery?

Question

I'm want to get the value of an attribute using JQuery. This is a part of my 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>

I want to know if wijziging is "true" of "false". I tried this using 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)'});    
    }   
}

Hopefully someone can help me with this. I know there are more questions about this problem, but I couldn't find one that fixed my problem.

Manu Singh · Accepted Answer · 2014-09-10 06:31:49Z

you are doing it right. I think either your XML is breaking because of Quotation marks "" or before writing your find method you have not parsed it.
Just tried with your script and it is working. Hope this will help you :)

           <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>

Collectives™ on Stack Overflow

How can I get the attribute value of a XML element using JQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related