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


Solution:1

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


Solution: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;  


Solution: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');  


Solution:4

This may be another solution:

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

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »