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

1

2

3

$('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

    

1

2

3

var op = document.querySelectorAll('p'); var op2 = document.querySelectorAll('p')[2]; var index = [].indexOf.call(op, op2); console.log(index); //2

你可能感兴趣的:(原生JS获取DOM元素在兄弟中的索引)