欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 獲取元素在父節(jié)點中的下標(推薦)

 更新時間：2017年06月28日 08:33:47   作者：景影隨形  
jQuery中直接通過$(this).index()即可得到當前元素的下標。下面通過實例給大家介紹JavaScript 獲取元素在父節(jié)點中的下標，需要的朋友參考下吧

jQuery中直接通過$(this).index()即可得到當前元素的下標。但原生JavaScript并沒有提供類似的屬性或方法，這時候可以調(diào)用數(shù)組中的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在其父節(jié)點下，相同標簽的元素中的位置。首先通過var list=elt.parentNode.quertSelectorAll('li')獲得同類標簽的列表，這里如果直接執(zhí)行l(wèi)ist.indexOf(elt)的話會出錯，提示list沒有indexOf這個函數(shù)，這時候可以借用數(shù)組中的indexOf，通過call改變調(diào)用者對象：[].indexOf.call(list,elt)等價于list.indexOf(elt)

以上所述是小編給大家介紹的JavaScript 獲取元素在父節(jié)點中的下標，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論