Question

I am trying to get data from a list item but can not sort out how can i do it. I have to select the image src and name of each li.

List is like

<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
});

Demo: http://jsfiddle.net/xxYSv/