一个简单的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>
...全文
175 5 打赏 收藏 举报
写回复
用AI写文章
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>
推荐楼上的用法
  • 打赏
  • 举报
回复
然后,当然隆重介绍我的方法了。。。。。。不是恶意竞争吧,更不是蹭分了,只是提供一个更正确的方法。
<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>
  • 打赏
  • 举报
回复
当只有一个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))
})
一个简单的js 倒计时问题: <em>简单</em>易用的倒计时<em>js</em>代码