Как получить идентификатор элемента с его индексом с помощью jquery?

Question

Используя .index(), мы можем получить позицию или индекс элемента. Теперь я хочу знать, что можно получить элемент id, используя его индекс?

Пример,

<ul id="unOrderedList"> 
<li id="gears"><a class="links" href="#">Click here!</a></li> 
<li id="tyres"><a class="links" href="#">Click here!</a></li> 
<li id="rear"><a class="links" href="#">Click here!</a></li> 
<li id="mirror"><a class="links" href="#">Click here!</a></li> 
<li id="charger"><a class="links" href="#">Click here!</a></li> 
<li id="port"><a class="links" href="#">Click here!</a></li> 
<li id="list"><a class="links" href="#">Click here!</a></li> 
</ul> 

Для выше отметок вверх, если я хочу знать, четвёртой <li> средств ID, как он должен делать это с JQuery?

Спасибо заранее!

Answer 1

Если у вас есть индекс раньше времени, просто использовать селектор :eq, например, так:

$("#unOrderedList li[id^=list]:eq(3)").attr("id") 

или использовать метод .eq фильтра:

$("#unOrderedList li").eq(3).attr("id") 

EDIT: Я предполагаю, что это то, что вы после:

$("#unOrderedList li a.links").click(function() { 
    alert($(this).parent().attr("id")); 
}); 

Try it here.

Answer 2

$('#unOrderedList li').eq(Index).attr('id') 

Answer 3

$('ul li a').click(function(index){ 
      $(li).eq(Index).attr('id') 

) 

Answer 4

var id = $('#unOrderedList li:eq(3)').attr("id");