Как получить XML дочерние узлы, используя JQuery

Question

Мне трудно получить xml, когда он отформатирован так, как показано ниже, я могу получить InventoryResponse очень хорошо, но при попытке получить ребенка a:Cost это не работает.Я пытался провести исследование, но не видел ни одного примера, который бы работал в моей ситуации.Как проще всего добиться получения стоимости?

 $.ajax({
      type: 'POST',
      url: 'php/test.php',
      dataType:"xml",
      data: {
        search:'set',
      },

      success: function(data){

    var xml =  $(data).find('InventoryResponse').html() ;
    var cost=  $(data).find('a:Cost').html() ;

    $('.display').html(cost) ; 
      }
    })

test.php файл, возвращающий xml

<InventoryResponse>
  <Inventories>
    <a:Inventory>
       <a:ID>
         12345
       </a:ID>
       <a:Cost>
         20.00
       </a:Cost>
     </a:Inventory>
   </Inventories>
</InventoryResponse>

Answer 1

Пожалуйста, попробуйте ниже код

var parser, xmlDoc;
    var text = "<InventoryResponse><Inventories><a:Inventory><a:ID>12345</a:ID><a:Cost>20.00</a:Cost></a:Inventory></Inventories></InventoryResponse>";

    parser = new DOMParser();
    xmlDoc = parser.parseFromString(text, "text/xml");


    alert(xmlDoc.getElementsByTagName("InventoryResponse")[0].childNodes[1].childNodes[0].childNodes[1].innerHTML);

Answer 2

что по этому поводу?

var cost=  $(data).find('a\\:Cost').html() ;