使用 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，并且应尽可能避免。