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

Question

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

<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

假设我作为 id 参数传递233，那么我如何在上面的列表中添加这个活动类并匹配 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");
}