Ruft die Nummer des n-ten Kindes eines Elements in reinem JavaScript ab

Question

Jun 26, 2014, 07:08 PM

Ruft die Nummer des n-ten Kindes eines Elements in reinem JavaScript ab

Ich mache eine Funktion für meine Site, in der ich ein Datenattribut setze, das die Nummer des n-ten Kindes dieses Elements enthält.

Mein HTML-Markup:

<html>
<body>
    <section class="hardware">some text, nth-child is one</section>
    <section class="hardware">some text, nth-child is two</section>
    <section class="hardware">some text, nth-child is three</section>
    <section class="hardware">some text, nth-child is four</section>
    <section class="hardware">some text, nth-child is five</section>
</body>
</html>

Mein JavaScript bisher:

var selector = document.getElementsByClassName('hardware');
for(var i = 0; i <= selector.length; i++) {
    var index = selector[i] //get the nth-child number here
    selector[i].dataset.number = index;
}

Wie kann ich die n-te untergeordnete Nummer eines Elements mit reinem JavaScript (nicht jQuery) ermitteln? Ist dies in JavaScript überhaupt möglich?