jquery - jqueryで要素のn番目の子を選択する方法は?

Question

このようにn番目の子に疑似セレクターを使用できます$('.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

このようなことを試してください

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

編集されたコード

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

Answer 3

代わりにeq メソッドを使用できますnth-childが、0 で始まります

だからこれを試してください：

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