如何获得div的第一个span元素并更改类

Question

我有一个跨度的div

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

当我点击div我想改变div的第一个span元素的类

$('#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

使用

 $("div span:first-child")

如下:

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

参考http://api.jquery.com/first-child-selector/