Làm cách nào để lấy chỉ mục của phần tử trong javascript?

Question

NodeList không có phương thức indexOf (phần tử)? Vì vậy, làm thế nào tôi có thể nhận được chỉ số phần tử?

Answer 1

Bằng cách lặp qua các phần tử và kiểm tra xem nó có khớp không.

Mã chung tìm thấy chỉ mục của phần tử trong bộ sưu tập của cha mẹ đó là childNodes.

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

Cách sử dụng:

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

Answer 2

Các Objet NodeList là một đối tượng Array-như thế nào. Vì vậy, nó có thể "chuyển đổi" nó thành một mảng.

Có thể đó là giải pháp cho bạn.

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

Answer 3

Bạn có thể sử dụng Array.prototype.indexOf.call() như thế này

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