Jquery 需要添加类,但仅当元素可见时
我需要删除所有元素上的所有类别的“no right marg”。然后,我需要用单击元素的ID类隐藏所有这些元素。然后,我需要检查哪些元素仍在显示,并在每四个元素中添加一个“no right marg”类。我下面的代码不工作。请看我的护照 HTMLJquery 需要添加类,但仅当元素可见时,jquery,Jquery,我需要删除所有元素上的所有类别的“no right marg”。然后,我需要用单击元素的ID类隐藏所有这些元素。然后,我需要检查哪些元素仍在显示,并在每四个元素中添加一个“no right marg”类。我下面的代码不工作。请看我的护照 HTML 按钮1 按钮2 按钮3 按钮4 文本 文本 文本 文本 文本 文本 文本 文本 文本 在addClass调用中似乎有一个“.”。删除“.”将修复您的代码 我希望这能得到你想要的。在你的addClass调用中似乎有一个“.”。删除“.”将修
按钮1
按钮2
按钮3
按钮4
- 文本
- 文本
- 文本
文本
- 文本
- 文本
- 文本
文本
- 文本
在addClass调用中似乎有一个“.”。删除“.”将修复您的代码
我希望这能得到你想要的。在你的addClass调用中似乎有一个“.”。删除“.”将修复您的代码
我希望它能满足您的需要。它的索引为零,因此mod 4==3是您所需要的。
if(索引%4==0)
应该是if(索引%4==3)
它是零索引的,因此mod 4==3是您需要的。
if(索引%4==0)
应该是if(索引%4==3)
感谢您的关注,它确实做了一些事情,但不是正确的事情!它添加了类,但不是每个第四个元素……好吧,检查我的新小提琴:就像乔纳森·罗尼爵士说的,它是零索引的。所以在应用模运算之前,我在索引中加了1。现在怎么样?终于到了!非常感谢。啊,这就是零索引的意思,它从0开始。哦,muh-gawd!我的第一个被接受的答案!现在,我终于可以对问题进行评论,以澄清用户的问题。感谢您的关注,它确实做了一些事情,但不是正确的事情!它添加了类,但不是每个第四个元素……好吧,检查我的新小提琴:就像乔纳森·罗尼爵士说的,它是零索引的。所以在应用模运算之前,我在索引中加了1。现在怎么样?终于到了!非常感谢。啊,这就是零索引的意思,它从0开始。哦,muh-gawd!我的第一个被接受的答案!现在我终于可以对问题进行评论,以澄清用户的问题了谢谢,我已经这样做了,但它仍然没有将其添加到每一个第四元素中Bah,我的错,我的意思是3!索引应该是3。这里的工作小提琴:谢谢,我已经做了,但它仍然没有添加到每四个元素巴赫,我的坏,我的意思是3!索引应该是3。这是工作小提琴:
jQuery('#selector li').click(function() {
colour = '.' + jQuery(this).attr('id');
jQuery('#tips ' + colour).toggle();
jQuery(this).toggleClass('inactive');
jQuery('#tips li').removeClass('no-right-marg');
jQuery('#tips li:visible').each(function(index){
if(index %4===0 ){// if divisible by 4
jQuery(this).addClass('.no-right-marg');
}
});
});
<ul id="selector">
<li id="brown">button 1</a>
<li id="green">button 2</a>
<li id="blue">button 3</a>
<li id="orange">button 4</a>
</ul>
<ul id="tips">
<li class="brown">text</li>
<li class="orange">text</li>
<li class="blue">text</li>
<li class="blue no-right-marg">text</li>
<li class="blue">text</li>
<li class="orange">text</li>
<li class="blue">text</li>
<li class="blue no-right-marg">text</li>
<li class="green">text</li>
</ul>