每個元素的 function

Question

我有一個 function：

setInterval ( doSomething, 100 );

function doSomething ( )
{
$("#i_msl").animate({ top: "-150px",}, 1000 ).delay(1000);
$("#i_msl").animate({ top: "-300px",}, 1000 ).delay(1000); 
$("#i_msl").animate({ top: "0px",}, 1000 ).delay(1000); 
}

但它只適用於一個元素。 如何使其適用於頁面上帶有#i_msl 的所有元素？

Answer 1

您正在為多個元素分配一個 ID。 你不能那樣做。 嘗試給他們一個 class 代替：

class="i_msl"

您可以使用 $(".i_msl") 訪問它

Answer 2

你不能。 每頁只能有一個唯一的id 。 將其從id更改為class ，並以$('.i_msl')目標。

Answer 3

選擇器#i_msl用於特定 ID； 這些在頁面上應該是唯一的。 相反，為每個元素分配一個唯一的 class，例如：

class="my-class"

然后只需 select 使用 class 選擇器：

$(".my-class").animate({ top: "-150px",}, 1000 ).delay(1000);
$(".my-class").animate({ top: "-300px",}, 1000 ).delay(1000); 
$(".my-class").animate({ top: "0px",}, 1000 ).delay(1000); 

Answer 4

#i_msl是一個 ID 選擇器。 您可以（應該）在頁面上只有一個具有特定 ID 的項目。 如果您需要多個元素來匹配選擇器，請使用 class： .i_msl

此外， setInterval將每100ms調用一次，當您的 animation 花費的時間超過間隔時，這可能會導致執行問題。