Come ottenere il primo ID figlio all'interno del div utilizzando JQuery

Question

Come ottenere il primo ID figlio all'interno del div utilizzando JQuery.

codice di esempio:

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

Voglio ottenere l'id a1.

Ho provato $('#id1 a:first-child').html() per ottenere il testo. Come ottenere l'ID?

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

Se volete immediato primo figlio è necessario

$(element).first(); 

Se volete particolare primo elemento del DOM dal vostro elemento quindi utilizzare sotto

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

prova: http://jsfiddle.net/vgGbc/2/

Answer 5

Usare questo per ottenere primo elemento dell'elemento id1:

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

Answer 6

Per rendere le cose super-chiaro, questo è che cosa fare al fine di trovare qualsiasi elemento all'interno di un certo elemento è già possibile accedere, in questo caso è l'elemento con '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> 

la seguente riga si ottiene è div e2:

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

la foll le linee a causa entrambi si ottiene div e3:

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

di cambiare qualcosa su questi, è necessario utilizzare gli oggetti come questo:

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

Spero che questo sia chiaro e disponibile.