Как получить первый дочерний идентификатор внутри div с помощью JQuery

Question

Как получить первый дочерний идентификатор внутри div с помощью JQuery.

Пример кода:

<div id='id1'> 
    <a id='a1' /> 
    <a id='a2' /> 
    <a id='a3' /> 
</div> 

Я хочу, чтобы получить идентификатор a1.

Я пробовал $('#id1 a:first-child').html(), чтобы получить текст. Как получить идентификатор?

Answer 1

$("#id1:first-child").attr("id") 

Answer 2

$('#id1 a:first-child').attr('id') 

Answer 3

$('#id1:first-child').attr('id') 

Answer 4

Если вы хотите сразу же первого ребенка вам нужно

$(element).first(); 

Если вы хотите конкретный первый элемент в DOM из вашего элемента затем используйте ниже

var spanElement = $(elementId).find(".redClass :first"); 
$(spanElement).addClass("yourClassHere"); 

опрос: http://jsfiddle.net/vgGbc/2/

Answer 5

Используйте это, чтобы получить первый элемент id1 элемента:

$("#id1").children(":first"); 

Answer 6

Чтобы сделать вещи супер ясно, это то, что нужно сделать для того, чтобы найти какой-либо элемент в пределах определенного элемента, который вы уже можете получить доступ, в этом случае, является элемент с 'e1' ID =:

<style> 
    .c1{ border:2px solid red; padding: 12px; background: lightyellow } 
    .c2{ border:2px solid green; padding: 12px; background: lightyellow } 
    .c3{ border:2px solid blue; padding: 12px; background: lightyellow } 
</style> 

<div class='c1' id='e1'> 
    <div class='c2' id='e2'> 
    <div class='c3' id='e3'>text</div> 
    </div> 
</div> 

следующая строка получить ты Диво e2:

var child2 = $('#e1').find(".c2"); 

Фолля вследствие линии как получить вам Диво e3:

var child3 = $('#e1').find(".c3"); 
var child3_1 = $('#e1').find(".c2 :first"); 

Чтобы изменить что-то о них, вы должны использовать объекты, как это:

$(child2).css('background-color','white'); 
$(child3).css('border','4px dotted pink'); 
$(child3_1).css('color','#ef2323'); 

Я надеюсь, что это понятно и полезно.