Javascript：中的正確語法

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

1. 在JavaScript中，串聯運算符為+ not .
2. (和)是選擇器語法的一部分，而不是JavaScript語法，它們必須是string 。

這樣

$(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;}