jQuery怎么获取当前li元素顺序
展开全部
jQuery 的 index() 方法返回指定元素相对于其他指定元素的 index 位置,因此可用于获取当前li元素顺序。注意index是从0开始计数的,所以index+1才是实际的顺序。
$("li").click(function() {
num = $(this).index()+1; // 当前点击的li元素在一组li中的实际顺序
})
示例代码如下
创建Html元素
<div class="box">
<span>点击li获取其index顺序,注意index从0开始计数:</span><br>
<div class="content">
<li>栗子</li>
<li>李子</li>
<li>梨子</li>
<li>荔枝</li>
</div>
</div>设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{padding:10px;}
.red{color:red;}编写jquery代码
$(function(){
$("li").click(function() {
$(this).addClass('red'); // 设置被点击元素为红色,以示区分
num = $(this).index();
alert("当前点击li的index是:"+num+",实际顺序是:"+(num+1)+"。");
})
})观察效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<ul id="listName">
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>---</li>
<li>---</li>
<li>---</li>
</ul>
<script type="text/javascript">
$(function () {
$("#listName li").each(function (i) {
var This = $(this);
This.click(function () {
alert(This.index());
});
});
});
</script>
这样你就可以获取你点击的当前是那个li的顺序了,切记Index是从0开始计数的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询