juery打造有序列表的问题
时间:2009-07-15
来源:互联网
新手,求助大家一个问题:
今天看了一个用juery打造有序列表的例子,以下为js代码,他的作用为页面中列表的 class="step" 的 每个 li 加上了一个class=“item1”、class=“item2”。。。。,以使我们可以为每个li定义不同的样式,实现排行榜的功能。
套用了一下,没有问题。但是如果一个页面有两个以上的符合class="step" 的情况下,那么第二个列表的li 加的 class 会接着第一个列表的编号往下走,而不是从 item1开始,怎样才能 让它再初始化为item1呢? 不知我说明白了没有
谢谢!
今天看了一个用juery打造有序列表的例子,以下为js代码,他的作用为页面中列表的 class="step" 的 每个 li 加上了一个class=“item1”、class=“item2”。。。。,以使我们可以为每个li定义不同的样式,实现排行榜的功能。
套用了一下,没有问题。但是如果一个页面有两个以上的符合class="step" 的情况下,那么第二个列表的li 加的 class 会接着第一个列表的编号往下走,而不是从 item1开始,怎样才能 让它再初始化为item1呢? 不知我说明白了没有

复制代码
|
[ 此帖被webh在2009-07-15 14:42重新编辑 ]
作者: webh 发布时间: 2009-07-15
用2个each就行了,大概这样:
$('.step').each(function(){
$(this).find('li').each(function (i) {
$(this).addClass(“item”+i+1);
});
});
$('.step').each(function(){
$(this).find('li').each(function (i) {
$(this).addClass(“item”+i+1);
});
});
作者: keakon 发布时间: 2009-07-15
引用
引用第1楼keakon于2009-07-15 13:22发表的 :
用2个each就行了,大概这样:
$('.step').each(function(){
$(this).find('li').each(function (i) {
$(this).addClass(“item”+i+1);
.......
用2个each就行了,大概这样:
$('.step').each(function(){
$(this).find('li').each(function (i) {
$(this).addClass(“item”+i+1);
.......
学习了,非常感谢!先循环找到每个.step,然后再循环找到其内部的每个li,恩。今天学会一个jquery的新语法

作者: webh 发布时间: 2009-07-15
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28