如何将 jQuery 函数应用于具有相同 ID 的所有元素？
我是 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>
I am new to jQuery. I have the following code:
jQuery(document).ready(function() {
jQuery('#carousel').jcarousel();
});
It only applies to the first ul with id="carousel", not for the others. How can I apply it to all elements which have the same 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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
元素的 ID 在
DOM中应该是唯一。两个或多个元素具有相同的 ID 是无效的 html。要在元素之间共享功能，请为它们分配一个公共类，而不是为它们提供相同的 ID。如果您无法为它们分配一个公共类，下面的解决方法将允许您选择具有相同 id 属性的元素：使用相同的 ID （如果无法更改 ID）
使用公共类 <强>（推荐方式）
The IDs for elements are supposed to be unique in the
DOM. Having the same ID for two or more elements is not valid html. To share functionality across elements, assign them a common class, rather than giving them the same ID. If you can't assign them a common class, the workaround below will allow you to select elements with the same id attribute:Using the same ID (If not possible to change ID)
Using a common class (Recommended way)
不能有多个具有相同 Id 的元素，这就是不起作用的原因。您应该使用
class="caroussel"代替。You can't have more than one element with the same Id, that's why is not working. You should use
class="caroussel"instead.在 jQuery 的最新版本中，当页面上有多个 id 时，选择器将仅返回在 DOM 中找到的第一个“id”。你应该使用类来代替。
In recent versions of jQuery, when you have multiple id's on the page, selector will return only the first 'id' that was found in the DOM. You should use class instead.
在这种情况下你应该使用类。你不能使用id。否则你可以尝试下面的代码。
In this situation you should use class. You can not use id. Otherwise you can try the below code.