2013-02-06 89 views
-2

我想從列表項獲取數據,但無法理清我該如何做。我必須選擇每個li的圖像src和名稱。遍歷困難列表項

名單就像是

<ul> 
    <li> 
     <ul> 
      <li><img src="image.jpg" /></li> 
      <li>Image Name</li> 
      <li>Image Description</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
      <li><img src="image-2.jpg" /></li> 
      <li>Second Image Name</li> 
      <li>Second Image Description</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
      <li><img src="image-3.jpg" /></li> 
      <li>Third Image Name</li> 
      <li>Third Image Description</li> 
     </ul> 
    </li> 
</ul> 
+3

(http://whathaveyoutried.com)。在什麼情況下,您需要獲取這些信息?關鍵選擇器是什麼?這裏需要更多細節。 –

+0

我試過選擇但失敗。計劃是循環每一個鋰,然後選擇第一個孩子,但不能整理出來。 –

+2

發佈您的試用代碼? – Nandu

回答

6
$("ul li ul").each(function() { 
    var $current = $(this), 
     imgSrc = $current.find("img").attr("src"), 
     name = $current.find("li").eq(1).text(); 
    // do something with imgSrc and name of current item 
}); 

演示:[?你嘗試過什麼] http://jsfiddle.net/xxYSv/

+0

打敗我吧,很好的答案。如果ul/li樹比這更復雜〜(這不會讓我對問題的質量感到驚訝),請嘗試使用$('ul> li> ul')以確保選擇正確的級別。 –

+1

好點@RickDonohoe。理想情況下,外部列表也會有一個id或其他內容。 – nnnnnn

+0

我已經嘗試過但是它說.. 未捕獲TypeError:對象#沒有方法'text' –