Question

我有一个包含许多元素的列表：

<ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

如何定位前五个li元素并为其添加一个类？

Answer 1

使用:lt选择器：

$("ul > li:lt(5)").addClass("foo");

Answer 2

除:lt()选择器外，您还可以使用slice()功能。

$('li').slice(0, 5).addClass('someClass');

Answer 3

$('ul li:lt(5)')

这会选择index小于5的所有<li> <ul>（即0-4，或前五个）

Answer 4

您要使用的前五个

$('ul li:lt(5)').addClass('first-five');

Answer 5

如果你正在使用$ .each方法，并且想要在其中使用限制条件，我建议如下：

var $elems = $('ul li');

$.each($elems, function(i){
   var $this = $(this);

   if (i < n) {
      $this.addClass('someClass');
   } else {
      $this.addClass('anotherClass');
   }
});

如何获得前X个元素？

5 个答案: