一个简单的js问题
<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>
...全文
请发表友善的回复…
发表回复
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>
推荐楼上的用法
<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>
<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。
但如果有多个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>
</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))
})
jQuery("li").index(jQuery(this))
})