Reading contents via jquery

Question

I've read ~50 different threads on SO looking for the answer to this, and I've learned a bit about jquery and xml, but I haven't been able to translate any of it to what I'm doing or find anyone with quite the same issue. I'm trying to get the data of the the CDATA and write it into simple HTML table with the 'id' fields as the column titles.

Using an example, I have the following XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
  <cd>
    <disk id="artist"><![CDATA[Mikey]]></disk>
    <disk id="title"><![CDATA[Greatest hits]]></disk>
    <disk id="year"><![CDATA[8675309]]></disk>
  </cd>
  <cd>
  .
  .

And the following code:

$(document).ready(function () {
  $.ajax({
      type:  "GET",
      url:  "catalog.xml",
      dataType:  "xml",
      success:  xmlParser
    });
  });

function xmlParser(xml) {
    $(xml).find("cd").each(function()( {
      $(".main").append('<div class="book"><div class="title">' + 
      $(this).find("disk:first").text() + '</div><div class="description">' + 
      $(this).find("disk:last").text() + '</div>');
    });
  }

I can get the first and last text out via this method, but I can't get anything in between, and this doesn't allow for any 'missing' fields in a record. I'd like to get the CDATA contents associated with the 'id' field values, but haven't been able to find a way to do this via jquery. Any help would be appreciated!! Thanks!

Check : http://stackoverflow.com/questions/652159/parsing-xml-with-cdata-with-jquery — Sudhir Bastakoti, Dec 08 '11 at 18:21
Have you tried using jQuery's attribute selector to access the elements by ID? (e.g: `$(this).find('disk[id="artist"]').get(0).firstChild.nodeValue;` — Aaron, Dec 08 '11 at 18:26

Tomalak · Answer 1 · 2011-12-08T18:34:26.133

function xmlParser(xml) {
    var parts = ['artist', 'title', 'year'];

    $("cd", xml).each(function () {
        var $book = $('<div class="book">');

        for (var i=0; i<parts.length; i++) {
            $("<div>", {
                'class': parts[i],
                'title': parts[i],
                'text' : $("disk[id="+parts[i]+"]", this).text()
            }).appendTo($book);
        }
        $book.appendTo(".main");
    });
}

Reading contents via jquery

1 Answers1