1

我在下面有一些代码：

<!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 但我无法将其传递（希望使 item-5 不是 item-0 ） 那么 function(index) 中的索引是什么，它是一个 getter 还是一个 setter？

4

3 回答 3

2

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

.addClass( function(index, currentClass) )

如果要根据索引修改类，可以删除 :last 选择器：

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

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

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

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

于 2012-09-21T19:29:53.250 回答
0

index 在您的情况下是一个参数，您不能将其传递给函数。:last 仅限于最后一个 LI。这是一个没有 :last 的示例，它将为每个 li 提供一个索引item-nwhere的类。n

$(document).ready(function(){

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

});
于 2012-09-21T19:32:24.247 回答
0

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

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

http://jsfiddle.net/P7gRP/

您的示例不起作用的原因是因为只有一个元素与 li:last 匹配（当然）。因此，在您的情况下当前匹配的元素的索引为零。如果您想将所有元素设置为具有 item-# 类，那么您就在正确的轨道上。像这样：

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

请注意，我删除了 :last 部分。

于 2012-09-21T19:35:38.537 回答