Jquery偶数奇数增量问题

时间:2015-07-04 23:51:55

标签: javascript jquery

请检查下面的代码......实际数字没有增加



var current = 0;
$("#categories-2 ul li").each(function() {
   if (current  == 0) {$('#categories-2 ul li').addClass('evenNum'); console.log("2");}
   
  else if (current  == 1) { $('#categories-2 ul li').addClass('oddNum'); console.log('1');}
   current++;
});




3 个答案:

答案 0 :(得分:0)

我相信如果li项目是奇数或偶数,你正试图添加类,对吧?

检查某些东西是偶数还是奇数的正确方法是模运算符(%),它计算分区的余数。所以%2 === 0检查是否有问题。如果评估为false则为奇数。

所以你可以这样做:

var current = 0;
$("#categories-2 ul li").each(function() {
   if(current%2===0) $('#categories-2 ul li').addClass('evenNum');
   else $('#categories-2 ul li').addClass('oddNum');
   current++;
});

如果您正在尝试设置偶数和奇数列表项(&#39; <li></li>&#39;),那么您可能最好看一下nth-child css3技术:

选择器#categories-2 ul li:nth-child(even)将设置所有偶数列表项的样式 并且#categories-2 ul li:nth-child(odd)将设置所有奇数列表项的样式。

这是一篇关于nth-child如何运作的文章:https://css-tricks.com/how-nth-child-works/

答案 1 :(得分:0)

这是使用JS:http://jsfiddle.net/ou44wcwn/更有效的方法。总的来说,在evenodd伪类中使用:nth-of-type:nth-child通常是一种更好的做法。

JS / jQuery的:

$(function() {
    $("ul li").each(function(index, elem) {
        $(this).addClass(index % 2 === 0 ? "even" : "odd");    
    });
});

答案 2 :(得分:0)

由于您使用的是jquery,请将其用于最大值

import ParseUI

class MyQueryTableViewController : PFQueryTableViewController {
}

class AClass {
    func aFunction() {
        let pf:PFQueryTableViewController = MyQueryTableViewController(style: .Plain)
    }
}

JSFIDDLE

相关问题