Jak uzyskać indeks elementu w javascript?

Question

NodeList nie ma metody indexOf (element)? Jak mogę uzyskać indeks elementów?

Answer 1

Przez powtarzanie elementów i sprawdzanie, czy pasuje.

Kod ogólny, który znajduje indeks elementu w jego kolekcji rodziców childNodes.

function index(el) { 
    var children = el.parentNode.childNodes, 
     i = 0; 
    for (; i < children.length; i++) { 
     if (children[i] == el) { 
      return i; 
     } 
    } 
    return -1; 
} 

Zastosowanie:

// should return 4 
var idx = index(document.body.childNodes[4]); 

Answer 2

liście węzłów Objet Przedmiotem tablicowej. Więc możliwe jest "przekształcenie" go w Tablicę.

Może to być rozwiązanie dla Ciebie.

var arr = Array.prototype.slice.call(yourNodeListObject); // Now it's an Array. 
arr.indexOf(element); // The index of your element :) 

Answer 3

Można użyć Array.prototype.indexOf.call() jak ten

let nodes = document.getElementsByTagName('*'); 
Array.prototype.indexOf.call(nodes, document.body);