Drukowana wersja tematu

Napisany przez: 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 
var orderscontainer = document.getElementById("orders-container");
 
orderscontainer.addEventListener("click", Show);
elements = orderscontainer.children;
var newelements = [];
 
function Show() {
  for (var i=0; i<elements.length; i++)
  {
    if (i < 3)
    {
      newelements.push(elements[i]);
    }
  }
  for (var i=0; i<newelements.length; i++) {
    orderscontainer.appendChild(newelements[i]);
  }
}
[HTML] pobierz, plaintext 

Napisany przez: 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 
[].forEach.call(orderscontainer.querySelectorAll('div:nth-child(n+4)'), function(el){
 //tu usuń
});
[HTML] pobierz, plaintext 

Napisany przez: degistivepl 8.07.2018, 21:40:43

Cytat(trueblue @ 8.07.2018, 22:30:31 )

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

[HTML] pobierz, plaintext 
elements.forEach.call(orderscontainer.querySelectorAll('div:nth-child(n+4)'), function(el){
 orderscontainer.removeChild(el);
});
[HTML] pobierz, plaintext 

Napisany przez: trueblue 8.07.2018, 21:47:55

Przepisz choć poprawnie podany kod.

Napisany przez: degistivepl 8.07.2018, 21:55:56

Cytat(trueblue @ 8.07.2018, 22:47:55 )

Napisany przez: trueblue 8.07.2018, 22:04:19

Tak jak podałem.

Napisany przez: degistivepl 9.07.2018, 00:32:21

Cytat(trueblue @ 8.07.2018, 23:04:19 )

Napisany przez: trueblue 9.07.2018, 05:31:12

Przecież użyłeś już metody removeChild.