Jak zmienić kolejność wyświetlanych elementów przy pomocy jQuery?

  • Poziom trudności:

Zdarza się niekiedy, że lista albumów galerii jaką przygotowaliśmy na stronie w WordPressie wyświetla się w kolejności od najstarszych  do najmłodszych. Zwykle warto wtedy zainteresować się czy wtyczka albo skrypt który mamy zaimplementowany na stronie posiada możliwość zmiany takiej kolejności. Jeśli jednak nie ma, jest szybki sposób aby zmienić kolejność wyświetlania elementów przy pomocy biblioteki jQuery i krótkiego skrawka kodu.

Zwyczajowo opcje kolejności są zaszyte w ustawieniach wtyczki (jeśli to ona odpowiada za wyświetlenie elementów. Jeśli to kwestia skryptu PHP bazującego na bazie danych, wtedy pomóc może znalezienie polecenia ORDER BY i podanie rodzaju sortowania:

  • ASC – sortowanie rosnąco, domyślny sposób sortowania
  • DESC – sortowanie malejąco

Gdyby jednak wszystkie rozwiązania zawiodły, z pomocą przychodzi jQuery. W pliku .js z Twoimi skryptami dopisz linijkę:

$(".kontener-gdzie-sa-elementy-w-zlej-kolejnosci").append($(".kontener-z-kazdym-jednym-elementem").get(.reverse());

Jeśli nie masz pliku .js to najlepiej go stwórz ale w ostateczności możesz skorzystać z takiej konstrukcji:

<script type="text/javascript">
$(document).ready(function() {
	$(".kontener-gdzie-sa-elementy-w-zlej-kolejnosci").append($(".kontener-z-kazdym-jednym-elementem").get(.reverse());
});
</script>

Pamiętaj aby przed wklejeniem takiego fragmentu kodu do <head> upewnić się, że podpiąłeś pod stronę aktualną bibliotekę jQuery.

 

UDOSTĘPNIJ
WordPress dla początkujących