如何獲得與jquery只有所有的第一個孩子有一個特定的CSS類,無論這些Html元素在DOM樹的深度?jquery所有的第一個孩子無論深度
1
A
回答
6
它就在那裏的文檔中::first-child
:
說明:選擇是他們的父母的第一個孩子的所有元素。
演示:
$('div:first-child').css({border: '1px solid'});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<div>I am a first child</div>
<div>I am a second child
<div> I am a nested first child</div>
<div> I am a nested second child</div>
</div>
</div>
<div>Yet another div child of the body</div>
0
如果你使用jQuery,您可以只針對類名,它會拋出的所有實例運行到了一個數組 - 無論深度。
例如:
var children = $('.childclass');
console.log(children.length)//returns "3".
$(children[1]) //returns the second "childclass" instance
$(children[1]).css('color', 'red'); //will give the 2nd instance of the childclass red text.
https://jsfiddle.net/z1djzo2n/
<div class="topclass">
<div class="childclass">
<div class="someotherclass"></div>
<div class="childclass"></div>
</div>
<div class="childclass"></div>
</div>
否則,如果你要單獨針對他們沒有jQuery的那樣,你可以使用:第一胎選擇。
相關問題
- 1. 爲什麼:第一個孩子選擇所有的孩子?
- 2. jQuery的:裹只有第一和第二個孩子,沒有孩子
- 3. jQuery的發現它沒有一個跨度爲第一個孩子一個div
- 4. jQuery選擇了李其第一個孩子是一個跨度
- 5. jQuery的:第n個孩子()
- 6. jquery第一個孩子的語法
- 7. MySQL計數所有的孩子,無論有多少
- 8. jQuery第n個孩子
- 9. jquery按類選擇第一個孩子
- 10. n個數字的所有排列深度第一種方式
- 11. div的第一個孩子
- 12. 的CSS第一個孩子
- 13. 隱藏所有的孩子,但每個元素的第一組
- 14. jQuery:.is:具體類的最後一個孩子(或第一個孩子)
- 15. 如何定位菜單上的所有第一個孩子
- 16. 如何更新一個xml文檔的孩子,無論它在actionscript 3中的「垂直索引」/深度?
- 17. Flexbox在第二個孩子之前捨棄第一個孩子
- 18. jQuery來選擇沒有孩子或第一個孩子不是圖像
- 19. 電子選擇器:第一個孩子和第n孩子
- 20. css最後一個孩子匹配所有的孩子
- 21. Gtk:GtkVPaned第二個孩子的高度
- 22. 根和第一個孩子
- 23. addClass給第一個孩子
- 24. jQuery的:第一個和:最後一個元素的第一個孩子
- 25. 隱藏TD的所有div.class孩子,然後顯示第一div.class孩子
- 26. 在jQuery中選擇最深的孩子
- 27. jquery - 變量的第n個孩子?
- 28. jQuery的第n個孩子選擇器
- 29. jQuery的第n個孩子在IE7
- 30. JQuery的:第n個孩子()追加
'children [1]'返回一個dom元素...不是jQuery對象。不能在dom元素上使用'css()'。另外'長度'是一個屬性不是函數 – charlietfl
你是對的 - 我忘了把返回包裝在一個jQuery對象中。更新了我的答案。 – Korgrue
爲什麼這樣做?可以使用'eq()'代替。無論哪種方式,這不會做OP所要求的 – charlietfl