如何将jQuery函数应用于具有相同ID的所有元素？

Question

我是jQuery的新手.我有以下代码:

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

它仅适用于第一个ul用id="carousel",不为其他人.如何将其应用于具有相同ID的所有元素？

HTML:

<!-- jQuery applies to this div -->
<div id="slideshow-carousel">
    <ul id="carousel" class="jcarousel jcarousel-skin-tango">
        <!-- ... -->
    </ul>
</div>

<!-- jQuery does not apply for this div -->
<div id="slideshow-carousel">
    <ul id="carousel" class="jcarousel jcarousel-skin-tango">
        <!-- ... -->
    </ul>
</div>

Answer 1

您不能拥有多个具有相同Id的元素,这就是为什么不起作用的原因.你应该使用class="caroussel".

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

Answer 2

元素的ID应该是唯一的DOM.两个或多个元素具有相同的ID是无效的html.要跨元素共享功能,请为它们分配一个公共类,而不是为它们提供相同的ID.如果您无法为它们分配公共类,则下面的解决方法将允许您选择具有相同id属性的元素:

使用相同的ID (如果无法更改ID)

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

使用普通类(推荐方式)

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