jquery - 如何使用 jquery 选择元素的第 n 个子元素？

Question

我们可以像这样使用伪选择器 nth-child$('.className:nth-child(8)')

但是如果我想这样使用我该怎么办：

var cname = $('.className');
cname:nth-child(8); // this way obviously not work

Or want to use like this
var $this = $(this);
$this.nth-child(8); // I don't think so it would work

那么，我怎样才能用 jquery 来实现呢？

Answer 1

如果您想要className元素是其父级的第 8 个子级 - 然后使用.filter()

cname.filter(':nth-child(8)');

如果您想要className给定集合的索引 8 处的元素

cname.eq(8);

Answer 2

您可以使用eq 方法代替，nth-child但它以 0 开头

所以试试这个：

var cname = $('.className');
cname.eq(7); 

Answer 3

尝试这样的事情

  $(':nth-child(8)','.className');

编辑代码

  $(':nth-child(8)',this);