Cách lấy id con đầu tiên bên trong div bằng cách sử dụng JQuery

Question

Cách lấy id con đầu tiên bên trong div bằng cách sử dụng JQuery.

Mẫu mã:

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

Tôi muốn nhận được id a1.

Tôi đã thử $('#id1 a:first-child').html() để nhận văn bản. Làm thế nào để có được 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

Nếu bạn muốn đứa con đầu lòng ngay lập tức bạn cần

$(element).first(); 

Nếu bạn muốn đặc biệt yếu tố đầu tiên trong dom từ yếu tố của bạn sau đó sử dụng dưới đây

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

hãy thử: http://jsfiddle.net/vgGbc/2/

Answer 5

Sử dụng này để có được phần tử đầu tiên của nguyên tố id1:

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

Answer 6

Để làm cho mọi việc siêu rõ ràng, đây là những việc cần làm để tìm ra bất kỳ yếu tố trong một yếu tố nào đó bạn đã có thể truy cập, trong trường hợp này là yếu tố với '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> 

các dòng sau có được là bạn div e2:

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

các foll dây chuyền do cả hai giúp bạn div e3:

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

Để thay đổi điều gì đó về điều này, bạn phải sử dụng các đối tượng như thế này:

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

Tôi hy vọng điều này là rõ ràng và hữu ích.