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

Question

我们可以像这样$('.className:nth-child(8)')

使用伪选择器nth-child

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

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 method代替nth-child，但它以0

开头

所以试试这个：

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

Answer 3

尝试这样的事情

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

已编辑的代码

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