JS DOM - przenoszenie elementów z listy do listy na klik

pytanie zadane 1 marca 2017 w JavaScript przez svyatogor92 Użytkownik (670 p.)

Witam,

Mam do wykonania zadanie polegające na tym, iż mam dwie listy, w każdej z nich po 5 elementów li oraz po 5 przycisków w formie linków, muszę sprawić aby na kliknięcie konkretnego przycisku element z listy przenosił się do drugiej listy itd. Wiem jak powinienem rozwiązać to zadanie jednak nie potrafię pobrać konkretnego li. HTML wygląda tak:

<!DOCTYPE html>
<html lang="pl-PL">
<head>
    <meta charset="UTF-8">
    <title>CodersLab</title>
    <link rel="stylesheet" href="style/style.css">
</head>
<body>

<div class="listContainer two">
    <ul id="list1">
        <li>Item 1 z listy 1 <a class="moveBtn">Przenieś</a></li>
        <li>Item 2 z listy 1 <a class="moveBtn">Przenieś</a></li>
        <li>Item 3 z listy 1 <a class="moveBtn">Przenieś</a></li>
        <li>Item 4 z listy 1 <a class="moveBtn">Przenieś</a></li>
        <li>Item 5 z listy 1 <a class="moveBtn">Przenieś</a></li>
    </ul>
</div>


<div  class="listContainer two">
    <ul id="list2">
        <li>Item 1 z listy 2 <a class="moveBtn">Przenieś</a></li>
        <li>Item 2 z listy 2 <a class="moveBtn">Przenieś</a></li>
        <li>Item 3 z listy 2 <a class="moveBtn">Przenieś</a></li>
        <li>Item 4 z listy 2 <a class="moveBtn">Przenieś</a></li>
        <li>Item 5 z listy 2 <a class="moveBtn">Przenieś</a></li>
    </ul>
</div>

<script src="js/zadanie06.js"></script>
</body>

</html>

Jak mogę pobrać powiedzmy drugi, albo trzeci element lub odnośnik z listy pierwszej? Próbowałem childNodes[i], ale konsola cały czas wyrzuca "undefined".

1 odpowiedź

odpowiedź 1 marca 2017 przez niezalogowany

on .moveBtn click -> parentNode

komentarz 1 marca 2017 przez svyatogor92 Użytkownik (670 p.)

Ok dzięki :) Udało mi się rozwiązać to tak, że wziąłem wszystkie buttony przez querySelectorAll, a potem w pętli do konkretnego indexu tablicy z buttonami przypisałem event, ale wolałem na przyszłość wiedzieć jak pobierać takie elementy konkretnie sztuka po sztuce.