jQuery - 无法识别的表达式 : :nth-child

Question

我尝试使用 jquery 选择 :nth-child，但它显示语法错误。

Error: Syntax error, unrecognized expression: :nth-child

这是我的代码

var i;
jQuery('#' + id + ' .tab-pane').each(function (id, t) {
    var n = jQuery(this).attr('id', 'pane-' + t);
    var p_id = n.attr('id');
    jQuery('#' + id + ' .nav-tabs li:nth-child(' + i + ') a').attr('href', p_id);
    i++;
});

请检查我的代码，这里缺少什么

Answer 1

在第一次迭代中，i 没有值。所以查询看起来像这样:

jQuery('#' + id + ' .nav-tabs li:nth-child(undefined) a').attr('href', p_id);

在接下来的迭代中，它将是 undefined++，即 NaN，但仍然不起作用。

这显然行不通。解决方案是在第一个循环中将 i 设置为 1 (或任何需要的值):

var i = 1;