2015-01-30 5 views
5

Ich habe das untenstehende Code-Snippet (currentUser Klasse ist auf einem anderen Listenelement je nachdem, wer die Seite anzeigt).jQuery `index()` Äquivalent in Vanilla JS

<ul> 
    <li>user 1</li> 
    <li>user 2</li> 
    <li class="currentUser">user 3</li> 
    <li>user 4</li> 
</ul> 

var curLth = jQuery('.currentUser').index(); 
console.log(curLth); //outputs 2 

Die Seite arbeite ich an jQuery nicht geladen werden, so möchte ich wissen, welche Listenelement die Klasse hat currentUser ohne

jQuery

Ich habe die NodeList in den Entwickler-Tools überprüft haben aber nicht habe alles gesehen, was ich benutzen kann, um das zu bekommen.

Wie kann dies erreicht werden? Hier

+3

möglich Duplikat [jQuery .index() in Javascript] (http://stackoverflow.com/questions/13658021/jquery-index-in-javascript) – artm

+0

@ Vielen Dank für diesen Link. Ich schaute mich um, benutzte aber offensichtlich die besten Suchbegriffe – ak85

Antwort

11

ist der equivalant:

var curUser = document.getElementsByClassName("currentUser")[0]; 
var curLth = [].slice.call(curUser.parentNode.children).indexOf(curUser); 
console.log(curLth); //outputs 2