一个简单的js问题

mute_solo 2010-09-27 05:53:46

<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<script type="text/javascript">
$('li').click(function(){
//当单击li的时候怎样获得它在ul中的索引 比如点击第一个li就alert 0 点击最后一个就alert 4
})
</script>
...全文
105 点赞 收藏 5
写回复
5 条回复
FeelUps 2010年09月28日
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>

<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>

<script type="text/javascript">
$(document).click(function(e){
var $obj=$(e.target);
alert($obj.parent().find('li').index($obj));
});
</script>
推荐楼上的用法
回复 点赞
碧海情天-赵亮 2010年09月27日
然后,当然隆重介绍我的方法了。。。。。。不是恶意竞争吧,更不是蹭分了,只是提供一个更正确的方法。
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>

<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>

<script type="text/javascript">
$(document).click(function(e){
var $obj=$(e.target);
alert($obj.parent().find('li').index($obj));
});
</script>
回复 点赞
碧海情天-赵亮 2010年09月27日
当只有一个UL的时候,上两楼的方法应该都差不多。
但如果有多个UL的时候,上两楼的方法,肯定从第二个UL开始,都不回返回LI相对所在的UL的正确INDEX。
回复 点赞
zhangshaolongjj 2010年09月27日
<script type="text/javascript" src="jquery.js">
</script>
<ul>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ul>
<script type="text/javascript">
$('li').each(function(idx){
$(this).click(function(){
alert(idx)
});

//当单击li的时候怎样获得它在ul中的索引 比如点击第一个li就alert 0 点击最后一个就alert 4
})
</script>
回复 点赞
qqshenyunzcz 2010年09月27日
$('li').click(function(){
jQuery("li").index(jQuery(this))
})
回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告