http://stackoverflow.com/q/14537013/14419

Issue During Find Data From XML Using Jquery

by hansenmc

HTML

<textarea id="data">
  <childrens>
    <child id="1" value="Root Catalog" parent_id="0">
      <child id="2" value="Apparel" parent_id="1">
        <child id="4" value="Shirts" parent_id="2" />
        <child id="5" value="Pants" parent_id="2" /></child>
      <child id="3" value="Accessories" parent_id="1">
        <child id="6" value="Handbags" parent_id="3" />
        <child id="7" value="Jewelry" parent_id="3" /></child>
      <child id='bla bla'>
        <child id='bla bla'>
          <child id="1005" value="test1" parent_is="1111" />
          <child id="1006" value="test12" parent_is="1111" />
          <child id="1007" value="test123" parent_is="1111" />
        </child>
      </child>
    </child>
  </childrens>
</textarea>

JavaScript

var xml = $.parseXML($("#data").val());

$(xml).find('child:empty').each(function () {
  var id = $(this).attr('id');
  alert(id);
});