如何在Jquery中通过索引获取子元素?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在Jquery中通过索引获取子元素?相关的知识,希望对你有一定的参考价值。
<div class="second">
<div class="selector" id="selFirst"></div>
<div class="selector" id="selSecond"></div>
<div></div>
</div>
如何使用元素索引而不是ID来获取#selFirst?
这个:
var $selFirst = $(".second:nth-child(1)");
console.log($selFirst);
正在回归:
jQuery(div.second)
答案
如果您知道您感兴趣的子元素是第一个:
$('.second').children().first();
或者按索引查找:
var index = 0
$('.second').children().eq(index);
另一答案
有以下方法可以选择第一个孩子
1) $('.second div:first-child')
2) $('.second *:first-child')
3) $('div:first-child', '.second')
4) $('*:first-child', '.second')
5) $('.second div:nth-child(1)')
6) $('.second').children().first()
7) $('.second').children().eq(0)
另一答案
您可以通过索引选择器获取第一个元素:
$('div.second div:eq(0)')
另一答案
$('.second').find('div:first')
另一答案
nth-child不是兄弟姐妹而不是孩子吗?
var $selFirst = $(".second:nth-child(1)");
将返回带有'.second'类的第一个元素。
var $selFirst = $(".selector:nth-child(1)");
应该给你第一个'.selector'类的兄弟姐妹
另一答案
var node = document.getElementsByClassName("second")[0].firstElementChild
免责声明:getElementsByClassName
和firstElementChild
的浏览器合规性不稳定。 DOM-Shims解决了这些问题。
以上是关于如何在Jquery中通过索引获取子元素?的主要内容,如果未能解决你的问题,请参考以下文章
如何在 JavaScript 中通过 XPATH 获取元素?