jquery .addclass()
我有下面的一些代码：
<!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>我很清楚地看到了函数(Index)。然而，我不知道它在做什么。我确实看到在构建新列表时，最后一个li的类是item-0。我也试图设置一个变量索引，但是我不能传入(希望使index=5 -5而不是-0)，那么函数( index )中的索引是怎么回事，它是一个getter，一个setter还是别的什么？
回答 3
Stack Overflow用户
发布于 2012-09-22 03:29:53
索引是jQuery集合中所选元素的索引，因为您的选择器选择了:last li，并且只有一个元素被选中，即index为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。
Stack Overflow用户
发布于 2012-09-22 03:32:24
index在你的例子中是一个参数，你不能把它传递给函数。:last限制仅限最后一个LI。下面是一个不带:last的示例，它将为每个li提供一个item-n类，其中n是索引。
$(document).ready(function(){
$("ul li").addClass(function(index) {
console.log(index);
return "item-" + index;
});
});Stack Overflow用户
发布于 2012-09-22 03:35:39
我认为你要做的是选择列表中的最后一个元素，并根据之前有多少个元素给它一个类。所以，试试这个：
$(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部分。
https://stackoverflow.com/questions/12536970
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号