jQuery won’t parse xml with nodes called option

by

Update

jQuery has this method built-in now. You can use

$.parseXML("..")

to construct the XML DOM from a string.

jQuery relies on the HTML DOM using innerHTML to parse the document which can have unreliable results when tag names collide with those in HTML.

Instead, you can use a proper XML parser to first parse the document, and then use jQuery for querying. The method below will parse a valid XML document in a cross-browser fashion:

// http://www.w3schools.com/dom/dom_parser.asp
function parseXML(text) {
    var doc;

    if(window.DOMParser) {
        var parser = new DOMParser();
        doc = parser.parseFromString(text, "text/xml");
    }
    else if(window.ActiveXObject) {
        doc = new ActiveXObject("Microsoft.XMLDOM");
        doc.async = "false";
        doc.loadXML(text);
    }
    else {
        throw new Error("Cannot parse XML");
    }

    return doc;
}

Once the XML DOM is constructed, jQuery can be used as normal – http://jsfiddle.net/Rz7Uv/

var text = "<root><option>cow</option><option>squirrel</option></root>";
var xml = parseXML(text);
$(xml).find("option"); // selects <option>cow</option>, <option>squirrel</option>

More Related Contents:

  1. Convert XML to JSON (and back) using Javascript
  2. How to use jQuery for XML parsing with namespaces
  3. How to parse XML using jQuery?
  4. How to calculate the XPath position of an element using Javascript?
  5. jQuery .find() doesn’t return data in IE but does in Firefox and Chrome
  6. When to prefer JSON over XML?
  7. Convert String to XML Document in JavaScript
  8. jQuery: Evaluate script in ajax response
  9. how to convert xml to json using jquery
  10. Generate XML document in-memory with JavaScript
  11. unable to load xml from external file using jQuery
  12. parse xml response with jQuery
  13. Looping through Markers with Google Maps API v3 Problem
  14. Replacing css file on the fly (and apply the new style to the page)
  15. How to find if an array contains a specific string in JavaScript/jQuery?
  16. Prevent Page Load on Jquery Form Submit with None Display Button
  17. Verify External Script Is Loaded
  18. How can I use JavaScript or jQuery to read a pixel of an image when user clicks it?
  19. How to add/subtract dates with JavaScript?
  20. Benefits of loading JS at the bottom as opposed to the top of the document
  21. keyCode values for numeric keypad?
  22. JS – get image width and height from the base64 code
  23. jqGrid access cell data while it is being edited
  24. jQuery – How to select by attribute
  25. jQuery on ‘double click’ event (dblclick for mobile)
  26. Best way to convert string to array of object in javascript?
  27. jquery : $().animate() is not a function
  28. Waiting for dynamically loaded script
  29. How to disable mouseout events triggered by child elements?
  30. Jquery Ajax beforeSend and success,error & complete

Leave a Comment