好久之前的日志了,运行在老版本jQuery下的使用范例可能会误导一些朋友。
非常抱歉
最新的范例和说明可以见:http://www.css88.com/jqapi-1.9/index/
.index()
Return Values(返回值)
如果不传递任何参数给 .index()
方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置。
如果在一组元素上调用 .index()
,并且参数是一个DOM元素或jQuery对象, .index()
返回值就是传入的元素相对于原先集合的位置。
如果参数是一个选择器, .index()
返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则.index()
返回 -1.
如下的列表 我们点击一个 要找到当前的列表项目的序列 我们应该这样写 :
$(document).ready(function(){
$("li").click(function(){
alert($( "ul
li" ).index( $( this)[0] ) ) ;
}) })
红色的部分很重要 如果 你丢掉了 li 肯定报 -1 的 也就是找不到
如果 UL 有ID 也可以直接用ID 选择
<ul id="act">
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
<li><a
href="#nogo">中超联赛世界排名不敌新加坡</a></li>
</ul>
$(document).ready(function(){
$("#act
li").click(function(){
alert( $( "#act li"
).index( $(this)[0] ) );
})
})