jQuery计数器并添加一个类但不是前两个?

时间:2018-06-05 12:24:14

标签: javascript jquery

我正在查看我的列表项,如果有两个以上,那么我添加一个类。这工作正常,但我希望类在前两个列表项后开始添加。我不知道如何做那个不包括将类添加到前两个的部分。这是我的代码:

$(document).ready(function() {
  //Checking how many time the class appears
  var numItems = $('ul.singleMagazine li').length;
  if (numItems > 2) {
    alert(numItems);
    //Want to add this class but not to the first two - exclude first two list items and then add it to the rest. How to do it?
    $('ul.singleMagazine li').addClass("newClass");
  }
});

我如何排除部分?

2 个答案:

答案 0 :(得分:2)

li元素应该是兄弟姐妹,因此您可以使用gt()选择器:

$('ul.singleMagazine li:gt(1)').addClass("newClass");

另请注意,length检查是多余的,就好像上面的内容不到两项,无论如何都不会做任何事情。

答案 1 :(得分:1)

您可以使用display: none选择器。 https://api.jquery.com/gt-selector/

gt

这将仅将类添加到大于1的li。请注意,索引从0开始。