Comment obtenir le premier ID enfant à l'intérieur de la div en utilisant JQuery

Question

Comment obtenir le premier ID enfant à l'intérieur de la div en utilisant JQuery.

Exemple de code:

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

Je veux obtenir l'ID a1. J'ai essayé $('#id1 a:first-child').html() pour obtenir le texte.Comment obtenir l'identifiant?

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

Si vous voulez premier enfant immédiat dont vous avez besoin

$(element).first(); 

Si vous voulez premier élément particulier dans le dom de votre élément puis utilisez ci-dessous

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

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

Answer 5

Utilisez cette option pour obtenir premier élément de l'élément ID1:

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

Answer 6

Pour rendre les choses super clair, voici ce qu'il faut faire pour trouver un élément dans un certain élément que vous pouvez déjà accéder, dans ce cas est l'élément avec id = 'e1':

<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 ligne suivante vous obtenez est div e2:

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

le Foll lignes du fait que vous obtenez les deux div e3:

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

Pour changer quelque chose au sujet de ces derniers, vous devez utiliser les objets comme celui-ci:

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

J'espère que cela est clair et utile.