使用 jQuery 存取具有相同 ID 的元素

在 HTML 中，每個元素都應該有一個唯一的 ID。但是，在某些情況下，您可能需要將 jQuery 函數套用到具有相同 ID 的多個元素。在本文中，我們將探討如何處理這種情況。

根據提供的程式碼片段，jQuery 的 jcarousel() 函數僅應用於 ID 為「carousel」的第一個元素。如果有多個具有相同 ID 的元素，jQuery 將只選擇第一個出現的元素，而忽略其他元素。

使用 Common Class 的解決方案

建議的方法是分配元素的公共類，而不是對多個元素使用相同的 ID。這將確保 jQuery 可以輕鬆識別所有需要修改的元素。下面是一個使用名為「carousel」的通用類別的範例：

jQuery(document).ready(function() {
    jQuery('.carousel').jcarousel();
});

使用相同ID 的替代解決方案

如果無法更改ID 屬性，您可以使用以下解決方法：

jQuery(document).ready(function() {
    jQuery('[id=carousel]').jcarousel();
});

此方法使用 jQuery 的屬性選擇器 [attribute=value] 來選擇屬性 id 設定為「carousel」的所有元素。請注意，不建議對多個元素使用相同的 ID，並且應盡可能避免。