Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Usuwanie pozostałych divów
Forum PHP.pl > Forum > Przedszkole
degistivepl
8.07.2018, 21:16:37
Cześć, zrobiłem coś takiego i 3 pierwsze divy w divie orders-container są przenoszone na koniec a z góry usuwane, a jak zrobić żeby zostały te 3 divy a reszta się usunęła?
[HTML] pobierz, plaintext 
  1. var orderscontainer = document.getElementById("orders-container");
  2.  
  3. orderscontainer.addEventListener("click", Show);
  4. elements = orderscontainer.children;
  5. var newelements = [];
  6.  
  7. function Show() {
  8.   for (var i=0; i<elements.length; i++)
  9.   {
  10.     if (i < 3)
  11.     {
  12.       newelements.push(elements[i]);
  13.     }
  14.   }
  15.   for (var i=0; i<newelements.length; i++) {
  16.     orderscontainer.appendChild(newelements[i]);
  17.   }
  18. }
[HTML] pobierz, plaintext
trueblue
8.07.2018, 21:30:31
Przenosisz na koniec i pozostałe chcesz usunąć? To jaki ma sens w ogóle przenoszenie?
Jeśli chcesz usunąć wszystkie <div> poza pierwszymi trzema, to usuń elementy na podstawie selektora: n+4

[HTML] pobierz, plaintext 
  1. [].forEach.call(orderscontainer.querySelectorAll('div:nth-child(n+4)'), function(el){
  2.  //tu usuń
  3. });
[HTML] pobierz, plaintext
degistivepl
8.07.2018, 21:40:43
Cytat(trueblue @ 8.07.2018, 22:30:31 ) *
Przenosisz na koniec i pozostałe chcesz usunąć? To jaki ma sens w ogóle przenoszenie?
Jeśli chcesz usunąć wszystkie <div> poza pierwszymi trzema, to usuń elementy na podstawie selektora: n+4

[HTML] pobierz, plaintext 
  1. [].forEach.call(orderscontainer.querySelectorAll('div:nth-child(n+4)'), function(el){
  2.  //tu usuń
  3. });
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. elements.forEach.call(orderscontainer.querySelectorAll('div:nth-child(n+4)'), function(el){
  2.  orderscontainer.removeChild(el);
  3. });
[HTML] pobierz, plaintext
questionmark.gifquestionmark.gif Nie można pobrać właściwości „call” dla niezdefiniowanego lub pustego odwołania
trueblue
8.07.2018, 21:47:55
Przepisz choć poprawnie podany kod.
degistivepl
8.07.2018, 21:55:56
Cytat(trueblue @ 8.07.2018, 22:47:55 ) *
Przepisz choć poprawnie podany kod.

Jak niby inaczej ma to być
trueblue
8.07.2018, 22:04:19
Tak jak podałem.
degistivepl
9.07.2018, 00:32:21
Cytat(trueblue @ 8.07.2018, 23:04:19 ) *
Tak jak podałem.

A jak usunąć? Bo o to na początku pytałem.
trueblue
9.07.2018, 05:31:12
Przecież użyłeś już metody removeChild.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.