Question

我有以下代码：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

   var index=5;  
   $("ul li:last").addClass(function(index) {
    console.log(index);  
    return "item-" + index;
   });

});
</script>
</head>
<body>

<ul>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li> 
</ul>

</body>
</html>

我非常清楚地看到了功能（索引）。但是我无法弄清楚它在做什么。我确实看到在构建新列表时，最后一个li具有item-0类。我也尝试设置一个变量index = 5但我不能传入它（希望使第5项不是第0项）那么函数（索引）中的索引是什么，它是一个getter一个setter还是什么？ / p>

Answer 1

index是jQuery集合中所选元素的索引，因为您的选择器选择：last li并且只有一个元素被选中，index是0。

.addClass( function(index, currentClass) )

如果要根据索引修改类，可以删除：last selector：

 $("ul li").addClass(function(index) {
    console.log(index);  
    return "item-" + index;
 });

或者，如果您想选择最后一个元素并根据它的 index 添加类，您可以尝试：

var $lst = $("ul li:last");
var ind = $lst.index();
$lst.addClass('item-'+ind)

请注意，index是从零开始的，并且第一个选定元素的索引是0.

Answer 2

index是你的情况下的一个参数，你不能将它传递给函数。：最后限制只有最后一个LI。这是一个没有的例子：最后，它会给每个li一个item-n类，其中n是索引。

$(document).ready(function(){

   $("ul li").addClass(function(index) {
    console.log(index);  
    return "item-" + index;
   });

});

Answer 3

我认为你要做的是选择列表中的最后一个元素，并根据之前有多少元素给它一个类。所以，试试这个：

$(document).ready(function(){
   var lis = $("ul li");
   $(lis[lis.length-1]).addClass("item-" + (lis.length + 1));
});

http://jsfiddle.net/P7gRP/

您的示例不起作用的原因是因为只有一个元素匹配li：last（当然）。因此，您案例中当前匹配的元素的索引为零。如果你想将 all 元素设置成一个item-＃类，那么你就是在正确的轨道上。像这样：

$("ul li").addClass(function(index) {
    return "item-" + index;
   });

请注意，我删除了：最后一部分。

jquery .addclass（）

3 个答案: