原生JS获取DOM元素在兄弟中的索引

<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