jQuery如何定義對象結構？

Question

嗯，這個問題讓我很生氣。我認爲我缺乏這方面的知識。

我想解析一個XML響應，一切正常，但問題是當我嘗試訪問對象。我像對待數組和我總是收到「未定義」：

<?xml version="1.0" encoding="UTF-8" ?> 
    <ajax-response> 
    <response> 
    <item> 
     <name><![CDATA[ok]]></name> 
     <value><![CDATA[true]]></value> 
    </item> 
    <item> 
     <name><![CDATA[menuDiv]]></name> 
     <value><![CDATA[Some HTML value]]></value> 
    </item> 
    </response> 
    </ajax-response> 

這裏是jQuery代碼：

xmlDoc = $.parseXML(xml), 
     $xml = $(xmlDoc), 
     $item = $xml.find("item"); 
     alert($item.length); 
     $item.each(function(key, value){ 
      alert(typeof value);  
     }); 

此行alert(typeof value);返回「對象」。但是，如果我的value[0]或$value[0]它返回「未定義」。

我想從對象中獲得「某些HTML值」。

Answer 1

傳入您的迭代函數的value對象將是一個XML DOM節點，在您的情況下，標記名稱爲item的Element。因此，您可以通過從中獲取信息或查看其中的任何子文本中的文本來從中檢索信息。

您可以將元素包裝在jQuery實例中，並使用jQuery的attr獲取屬性，並使用text獲取文本。

我想從對象中獲得「某些HTML值」。

這將是text - 這裏有一個例子：

$item.each(function(key, value){ 
    var $value = $(value); 
    alert(typeof $value.text()); 
}); 

---

下面是通過每個item的孩子迴路一個完整的例子：Live copy | source

jQuery(function($) { 

    var xml = 
     '<?xml version="1.0" encoding="UTF-8" ?>' + 
     '<ajax-response>' + 
      '<response>' + 
       '<item>' + 
        '<name><![CDATA[ok]]></name>' + 
        '<value><![CDATA[true]]></value>' + 
       '</item>' + 
       '<item>' + 
        '<name><![CDATA[menuDiv]]></name>' + 
        '<value><![CDATA[Some HTML value]]></value>' + 
       '</item>' + 
      '</response>' + 
     '</ajax-response>'; 

    var xmlDoc = $.parseXML(xml), 
     $xml = $(xmlDoc), 
     $item = $xml.find("item"); 
    display($item.length); 
    $item.each(function(key, value){ 
    $(value).children().each(function(clave, valor) { 
     display("$(valor).text() = " + $(valor).text()); 
    }); 
    }); 

    function display(msg) { 
    $("<p>").html(msg).appendTo(document.body); 
    } 
}); 

---

或者，如果你只是想抓住value這就是name的包含文本"menuDiv"，相關位是兄弟：

var menuDivText = $xml.find("item name:contains(menuDiv)").next().text(); 

Live example | source