Làm thế nào để có được phần tử span đầu tiên của một div và thay đổi lớp

Question

Tôi có một div với một nhịp

<div id="div1"> 
    <span class="">hello</span> 
</div> 

Khi tôi bấm vào div tôi muốn thay đổi lớp chỉ có phần tử span đầu tiên của div

$('#div1').click(function() { 
    // ... check if first span element inside the div .. if there and change the class..  
}); 

Answer 1

$('#div1').click(function() {  
    $('span:first', this).prop('class', 'newClassName'); 
}) 

http://api.jquery.com/first-selector/

http://jsfiddle.net/BUBb9/1/

Answer 2

sử dụng

$("div span:first-child") 

như sau:

$('#div1').click(function() {     
   $('span:first', this).prop('class', 'ClassName'); 
}) 

tham khảo http://api.jquery.com/first-child-selector/

Answer 3

$('#div1').click(function(){ 
    var v = $(this).find('span').text(); 
}); 

Như vậy, bạn có thể nhận được giá trị của span.

Bạn cũng có thể sử dụng .html() thay vì phương thức .text().

Answer 4

Nhiều câu trả lời hợp lệ. Biện pháp của tôi:

$('#div1').click(function() {  
    $(this).find('span').first().attr('class','newClassName'); 
}); 

Answer 5

$('#div1').click(function() {  
    $('#div1 span:first').attr('class', 'newClassName'); 
});