Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 需要添加类,但仅当元素可见时_Jquery - Fatal编程技术网

Jquery 需要添加类,但仅当元素可见时

Jquery 需要添加类,但仅当元素可见时,jquery,Jquery,我需要删除所有元素上的所有类别的“no right marg”。然后,我需要用单击元素的ID类隐藏所有这些元素。然后,我需要检查哪些元素仍在显示,并在每四个元素中添加一个“no right marg”类。我下面的代码不工作。请看我的护照 HTML 按钮1 按钮2 按钮3 按钮4 文本 文本 文本 文本 文本 文本 文本 文本 文本 ​ 在addClass调用中似乎有一个“.”。删除“.”将修复您的代码 我希望这能得到你想要的。在你的addClass调用中似乎有一个“.”。删除“.”将修

我需要删除所有元素上的所有类别的“no right marg”。然后,我需要用单击元素的ID类隐藏所有这些元素。然后,我需要检查哪些元素仍在显示,并在每四个元素中添加一个“no right marg”类。我下面的代码不工作。请看我的护照

HTML

    按钮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>
​