Javascript:如何遍历列表以找到事件类

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");
}