nth-child的Jquery变量

Question

如何索引到特定jquery对象的第n个子节点。就像那样......

var $parent = $('#slect');
var $index = 4;
var $active = $parent.children().nth-child($index);

我尝试了这个但是没有用。如何使用动态变量从Jquery Object进行索引。

Answer 1

您可以使用字符串连接

var $parent = $('#slect');
var $index = 4;
var $active = $parent.children(':nth-child('+$index+')');

Answer 2

由于您只定位单个selectct元素，因此您可以使用 .eq() 选择器根据索引定位子元素：

 var $active= $parent.children().eq($index);

请注意，eq选择器索引从零开始

Answer 3

您可以使用以下代码

var $parent = $('#slect');
var $index = 4;

如果你想要子元素4，那么使用下面的脚本代码

var $active = $parent.children().eq($index-1);

在此代码“$index-1”中使用，因为在“$parent.children()”中获取数组中的结果，因此如果您使用$index，那么它将获得5个元素，因此您应该使用“$index-1 }”。