遍历一个困难的List项目

时间:2013-02-06 10:50:28

标签: javascript jquery

我正在尝试从列表项中获取数据,但无法理清我该怎么做。我必须选择图像src和每个li的名称。

列表就像

<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>

1 个答案:

答案 0 :(得分: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/