Question

我有几个<li id="imgXXX"></li>，我想创建一个函数，以便它接受一个参数id并检查所有<li id="img..."></li>是否匹配了id号，无论在哪里将找到与id匹配的li，然后在那里添加一个名为<li id="img233" class='activeImage'></li>的css类。如果存在，还会删除列表中的其他活动类。

<div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
         <ul id="second-carousel" class="first-and-second-carousel jcarousel-list jcarousel-list-horizontal"  >

         <li id="img233">
                <img  src=""></img>
         </li>
          <li id="img234">
                <img  src=""></img>
         </li>
         <li id="img235">
                <img  src=""></img>
         </li>
          <li id="img236">
                <img  src=""></img>
         </li>  

       </ul>
</div

假设我将233作为id参数传递，那么如何在上面的列表中添加此活动类并匹配id

function addactive(id)
{
  $("#second-carousel").each(function()
   {
     $(this).closest("li #img"+id).addClass("activeImage");
   });
}

//上面的函数，我尝试作为虚拟解决方案，但它没有解决我的问题。请帮我解决这个问题。

Answer 1

不需要迭代，只需使用选择器

即可完成

function addactive(id) {
    $("#second-carousel li.activeImage").removeClass('activeImage');
    $("#img"+id).addClass("activeImage");
}

Javascript：如何遍历列表以查找活动类

1 个答案: