當 HTML 需要唯一 ID 時，如何使用 jQuery 選擇具有重複 ID 的元素？

使用 jQuery 選擇具有重複 ID 的元素

在 HTML 中，ID 是元素的唯一識別碼。但是，在某些情況下，多個元素可能具有相同的 ID。雖然這不被視為有效的 HTML，但在遺留程式碼庫或第三方解決方案中偶爾會遇到這種情況。 jQuery 提供了兩個選項來處理這種情況。

選項1：使用唯一ID 選擇器

如果無法更改重複的ID，可以使用以下方法選擇具有相同ID 屬性的元素的解決方法：

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

此選擇器將匹配具有名稱為“id”且值為“carousel”的屬性的所有元素。請注意，不建議使用這種方法，因為它可能會引入特異性和 DOM 操作方面的問題。

選項 2：使用通用類別名稱

建議的方法是為所有應共用功能的元素指派一個公用類別名稱。這確保了選擇是基於類別的，不受 ID 唯一性要求的限制。

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

在提供的 HTML 程式碼中，您可以將第二個輪播的 ID 變更為唯一值或為兩個輪播一個共同的類別名稱。這將允許 jQuery 正確地將「jcarousel」插件應用到這兩個元素。

以上是當 HTML 需要唯一 ID 時，如何使用 jQuery 選擇具有重複 ID 的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！