获取具有相同ID /类的同一页面中的所有元素

Question

我一直在为我的页面使用旋转木马，在该页面上有3个旋转木马旋转木马每个都有#carousel：

否-1

  <ul id="#carousel">
      <li><img ..../>
      ......
  <ul>

没有-2

  <ul id="#carousel">
      <li><img ..../>
      ......
  <ul>

no - 3

  <ul id="#carousel">
      <li><img ..../>
      ......
  <ul>

当我将owlcarousel应用于三个元素时，第一个元素正在工作且其余部分无效

$("#carousel").owlCarousel({
   autoPlay: 3000
});

解决方案是什么？

Answer 1

ID应该是唯一的。 $("#carousel")只会定位匹配选择器中的第一个元素。您可以使用公共类来使用ul和类选择器来使用jquery：

来定位它们

<强>标记：

<ul class="carousel">
  <li><img ..../>
  ......
<ul>

<强>脚本：

$(".carousel").owlCarousel({
  autoPlay: 3000
});

Answer 2

多个实例不能拥有相同的ID，这个怎么样（假设你没有其他ul）：

 $("ul").owlCarousel({
    autoPlay: 3000
 });

Answer 3

此处使用class而不是ID，因为ID必须是唯一的。

$(".carousel").owlCarousel({
   autoPlay: 3000
});

<强> HTML

<ul class="carousel">
   <li><img ..../>
   ......
<ul>