Question

我有这段代码：

$(this).find('.placeholder-style td:nth-child(1)').addClass('hidden-td')
$(this).find('.placeholder-style td:nth-child(2)').addClass('hidden-td')
$(this).find('.placeholder-style td:nth-child(3)').addClass('hidden-td')
$(this).find('.placeholder-style td:nth-child(4)').addClass('hidden-td')
$(this).find('.placeholder-style td:nth-child(5)').addClass('hidden-td')

我想这样动态：

for (i = 0; i < 5; i++){
   $(this).find('.placeholder-style td:nth-child'.(i)).addClass('hidden-td')
}

这段代码的正确语法是什么？

Answer 1

在JavaScript中，连接运算符为+而非.
(和)是选择器语法的一部分，而不是JavaScript语法，它们必须是字符串。

这样的

$(this).find(
    '.placeholder-style td:nth-child(' + i + ')' 
).addClass('hidden-td')

如果没有for循环，这可能会更容易。

$(this).find(
    '.placeholder-style td:not(:nth-child(6) ~ td)' 
).addClass('hidden-td')

Answer 2

应定义i

var i

i值应以1
使用+代替.来连接字符串

就像，

for ( var i = 1; i <= 5; i++){
   $(this).find('.placeholder-style td:nth-child'+i).addClass('hidden-td')
}

Answer 3

我认为你可以更容易地做到这一点

.placeholder-style td:nth-child(-n+5){display: none;}

Javascript：正确的语法

3 个答案: