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 ”。