選擇一個被識別爲類的個別對象

我有一個未知數量的「選項」或色板，其形狀爲方形的div。因爲選項的數量總是未知的，我不能爲它們分配一個ID。我試圖做到這一點，當一個選項被點擊時 - 它會擴大。它可以使用以下jq：選擇一個被識別爲類的個別對象

$(document).ready(function() { 

    $(".option").on("click",function() { 
     $(this).width("500px"); 
     $(this).height("500px"); 
     $(this).css("background-color", "#FFB2B2"); 
     $(this).css("background-color", "#FFB2B2"); 
    }); 

    $(".option").click(function() { 
     $(this).off("click"); 
    }); 

});

但是，每個「.option」類都會縮放，可能會有100個。有人沒有解決辦法嗎？

來源

2017-01-31 ab3d_work

與_個別object_你的意思是一個或所有具有'.option'類？ – LGSon

他們都有類「選項」。我試圖指出，分配一個ID不適用於這種情況。希望這能說明問題！！ –

發佈重現問題的最小工作代碼片段 – LGSon

您已將您的點擊事件附加到document而不是特定的選項元素。嘗試將其連接到option類：

$('.option').on('click', function(e) { 
    $(this).toggle({ effect: 'scale', percent: 300 }); 
});

在你的文件加載功能將這個代碼。

來源

2017-01-31 18:27:16

糟糕的小姐對我來說，我希望我注意到這一點。我解決了這個問題，但仍然不能工作。我讀過的所有內容都表明，如果我正確地理解了這一點，那麼「關閉」應該消除「開啓」所做的一切。 –

選擇一個被識別爲類的個別對象

回答

相關問題