Get ID of first LI of UL with jQuery

问题:

<ul id="someList">
<li id="listItem1">List 1</li>
<li id="listItem2">List 2</li>
</ul>

Maybe I need to brush up on my selectors, but how would you grab the first ID of ul#someList?

Also if I'm prepending LI's to ul#someList, will I need to grab the first LI's ID in a different way?

回答1:

$('ul#someList li:first') is what you're looking for.

回答2:

Your best bet is to use the first selector.

var id = $("ul#someList li:first").attr("id");

or

var id = $("ul#someList li:first").get(0).id;

回答3:

Try, ****.slice( start, [ end ] )****`

<ul>
  <li id='l1'>list item 1</li>
  <li id='l2'>list item 2</li>
  <li id='l3'>list item 3</li>
  <li id='l4'>list item 4</li>
  <li id='l5'>list item 5</li>
</ul>

$('li').slice(2).attr('id');

回答4:

This may be another solution:

$('#someList li:nth-child(1)').attr("id");