jQuery如要選取某個元素的child element(子元素),可以使用jQuery( selector [, context ] )
。
selector
是你要選取的子元素,而context
則是該子元素所在的元素。
例如下面範例要選取<div id="div2">
中的<p>
元素。
<div id="div1">
<p>Hello</p>
</div>
<div id="div2">
<p>World</p>
</div>
<script>
console.log($('p', '#div2').text()); // World
</script>
使用.find()
也有同樣的效果,例如
$('#div2').find('p').text();
也可使用jQuery( "parent child" )
,例如
$('#div2 p').text();
或是jQuery( "parent > child" )
,例如
$('#div2 > p').text();
jQuery( "parent child" )
和jQuery( "parent > child" )
的差別是,
jQuery( "parent child" )
會選取parent下每一層的子元素;
jQuery( "parent > child" )
僅選取parent下一層的子元素。
1 則留言:
感謝分享~
張貼留言