<div id='father'>
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>
</div>
$('p').on('click', function () { console.log($(this).index()) })
JQ的ele.index()方法
在JQ上有ele.index()方法来获取 ele在兄弟中的索引
原生JS的 ele.indexOf(ele) 方法
在原生数组中有indexOf方法获得数组元素的索引位置
string.indexOf(searchvalue,start),在字符串中查询某个字符第一次出现的位置
[1,2,3].indexOf(1) //0
[1,2,3].indexOf(4) //-1
'abc'.indexOf('b') //1
原生JS可以使用call方法借用原生JS的indexOf
<div id='father'>
<p class="p1">1</p>
<p class="p2">2</p>
<p class="p3">3</p>
</div>
var op = document.querySelectorAll('p');
var op2 = document.querySelectorAll('p')[2];
var index = [].indexOf.call(op, op2);
console.log(index); //2