jQuery中直接通過$(this).index()即可得到當前元素的下標。但原生JavaScript并沒有提供類似的屬性或方法，這時候可以調用數組中的indexOf方法直接計算

<ul>  <li>hello</li>  <li>hello</li>  <li id="mts">hello</li>  <li>hello</li></ul>var elt=document.getElementById('mts');var index=var index = [].indexOf.call(elt.parentNode.querySelectorAll(elt.tagName),elt);console.log(index);

這里是計算elt在其父節點下，相同標簽的元素中的位置。首先通過var list=elt.parentNode.quertSelectorAll('li')獲得同類標簽的列表，這里如果直接執行list.indexOf(elt)的話會出錯，提示list沒有indexOf這個函數，這時候可以借用數組中的indexOf，通過call改變調用者對象：[].indexOf.call(list,elt)等價于list.indexOf(elt)

以上所述是小編給大家介紹的JavaScript 獲取元素在父節點中的下標，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！