jquery-index()
Posted cyany_blue
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery-index()相关的知识，希望对你有一定的参考价值。
<body>
<div class="big">
<div class="small"></div>
<div class="small"></div>
<div class="small inner"></div>
<div class="small"></div>
<div class="small"></div>
</div>
<script>
console.log($(".inner").index(‘.small‘));
// index传入选择器，会在对应选择器的jQuery对象找到自己的位置
var $inner = $(".inner");
console.log($(".small").index($inner));
var $inner = $(".inner").get(0);
console.log($(".small").index($inner));
var inner = document.getElementsByClassName("inner")[0];
console.log($(".small").index(inner))
// index传入jquey对象(取第一个位置)或则都没dom对象，会找到其在调用方法的集合中的位置
$(".small").each(function(i,item){
// console.log(i,item);
// console.log($(this))
// console.log($(this).index());
// 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置。
})
var arr = [1,5,9,36,83,9,85,36,78,61];
var $arr = $(arr);
$arr.each(function(i,item){
// console.log($arr.index(item));
// console.log($(this))
// console.log($(this).index());这是错误的,不可以这样获取所在位置的索引值
});
</script>
以上是关于jquery-index()的主要内容，如果未能解决你的问题，请参考以下文章