JQuery selector to find the first child in each element set

Question

I have this HTML:

<div id="tags">
    <ul>
        <li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
        <li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
        <li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
        <li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
        <li><input type="text" /><a href="#">First Link</a> <a href="#">Second Link</a></li>
    </ul>
</div>

Which selector would I use to grab the first anchor of each li element, and what about the second binding of each li without adding additional identifiers or classes?

Well, I tried this:

$('#tags a:last-child')

And I was able to get the second binding of each li, but I do not understand why this works. Shouldn't the element be inside the anchor in order to select something else, but it can select the second anchor of each li. Later, I didn’t care how it worked while it was working, so I suppose I will do the same to get the first element, which would be the following:

$('#tags a:first-child')

However, this does not work to get the first binding of each li. Any ideas?

EDIT: , , , , , , , . , ?

Answer 1

": first/last-child" ( "" ) , , , .

, $('#tags a:last-child') , .

$('#tags a:first-child') , .

$('#tags a:not(:last-child)'), , , , , , , .

$('#tags a:nth-child(2)'), , , , 2- , , , .

( , , . , , , . , :))

Answer 2

li

$("#tags li a:first-child") $("#tags li a:nth-child(0)")

li - ?

$("#tags li a:last-child") $("#tags li a:nth-child(1)")

, :*-child, , a, .

a :first-child = > a

a:first-child = > a

---

: http://jsfiddle.net/7vupb/

Answer 3

$('#tags li').find('a:first') ...

You can also do something like:

$('#tags li').find('a').each(function(i){
   if(i==0){ //first item

   }
   if(i==1){ //second item

   }
});

Answer 4

Is this what you want:

$('#tags a:nth-of-type(1)')

This will select all the "a" children of the "#tags" element, which are the first child anchor of the parent. Just use 2 instead of 1 for the second anchors.