jQuery是目前最為流行的JavaScript庫之一,它封裝了很多方便開發的方法和函數,其中的children()方法可以獲取某個元素下的所有子元素。
$(selector).children(filter);
這里的selector是需要獲取子元素的元素,而filter則是可選的參數,用于篩選子元素。當不傳遞filter參數時,children()方法會返回所有子元素。
下面是一個例子:
<div id="parent">
<div class="child-1"></div>
<div class="child-2"></div>
<div class="child-3"></div>
</div>
<script>
var children = $('#parent').children();
console.log(children.length); // 輸出 3
</script>
在上面的例子中,我們獲取了id為parent的div元素下的所有子元素,并打印了子元素的數量。由于parent下有三個div元素,所以輸出結果為3。
如果我們想篩選出parent下class為child-1的div元素,可以傳遞filter參數:
<div id="parent">
<div class="child-1"></div>
<div class="child-2"></div>
<div class="child-3"></div>
</div>
<script>
var child = $('#parent').children('.child-1');
console.log(child.length); // 輸出 1
</script>
在上面的例子中,我們傳遞了.filter('.child-1')參數,用于篩選出parent下class為child-1的div元素,并打印了這個元素的數量。由于這個元素只有一個,所以輸出結果為1。