JQuery를 사용하여 div 내 첫 번째 자식 ID를 얻는 방법

Question

JQuery를 사용하여 div 내 첫 번째 자식 ID를 가져 오는 방법.

샘플 코드 :

<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

즉각적인 첫 아이를 원하는 경우에 당신은 당신이 당신의 요소에서 DOM 특히 첫 번째 요소를 원한다면

$(element).first(); 

다음 아래의 사용이 필요

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

사용해보기 : http://jsfiddle.net/vgGbc/2/

Answer 5

사용이 ID1 요소의 첫 번째 요소 얻을 :

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

Answer 6

물건 슈퍼 명확하게하기를,이,이 경우에는 이미 액세스 할 수있는 특정 요소 내의 모든 요소를 ​​찾기 위해 무엇을하다

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

FOLL : 다음 줄을 당신에게 DIV E2있어 얻을

<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> 

: 아이디 = 'E1'과 요소이다 때문에 라인이 모두 당신에게 DIV 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'); 

나는이 명확하고 도움이되기를 바랍니다.