Usuwanie wybranych elementów tablicy myszką.

Question

Mam tablicę z jakimiś elementami:

[...] [...] [...] itd.

Używam także:

ekwipunek.splice(0, 1);

Chciałbym usunąć tylko ten element, na który kliknę myszką. Nie będę wklejał kodu bo całość jest dosyć zagmatwana i spora, w każdym razie, mam różne tr i po kliknięciu na obojętnie który usuwa się pierwszy element tablicy, mogę sobie oczywiście przestawić by się usuwał który chce, ale ja potrzebuje dynamicznego usuwania, gdzie kliknę na jakiś tr i on, razem z elementem tablicy ekwipunek, się usunie. Co muszę do tego zrobić? Zamiast splice(0) dać onclick? 

Answer 1

     <table>
        <thead>
          <tr>
              <th>Imie</th>
              <th>Nazwisko</th>
              <th>Wiek</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>Michał</td>
            <td>Kowalski</td>
            <td>23</td>
          </tr>
          <tr>
            <td>Paweł</td>
            <td>Kowalski</td>
            <td>35</td>
          </tr>
          <tr>
            <td>Jan</td>
            <td>Kowalski</td>
            <td>43</td>
          </tr>
        </tbody>
      </table>

var table = document.querySelector('table');
table.addEventListener('click',function(e){
  e.target.innerHTML= '';
});

 

Comments

Jak działa ten kod js?

---

Do tego jeszcze trzeba by zaktualizować rzeczoną tablicę wykorzystując

e.target.colSpan + e.target.cellIndex

Ale to teoria. W praktyce należało by przetestować.

A ten kod pobiera tabelę i nasłuchuje click. I zamienia to co kliknięte na pusty html.