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] ) );
   })
})