jQuery中 index() 方法的使用

好久之前的日志了，运行在老版本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] ) );
})
})

转载于:https://www.cnblogs.com/trance/archive/2009/04/23/1442171.html