javascript - 遍历一个困难的 List 项

Question

我正在尝试从列表项中获取数据，但无法弄清楚我该怎么做。我必须选择每个 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>

Answer 1

$("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/