Get ID of first LI of UL with jQuery

Question

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

Answer 1

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

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

Answer 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');