Jak zaktualizować obiekt jQuery zawierający listę elementów po przeprowadzce element

Question

znajduje się lista elementów, powiedzmy, że niektóre obrazy:

<img src="" alt=""> 
<img src="" alt=""> 
<img src="" alt=""> 

ja je wybrać i zapisać wynik w zmiennej:

var elements = $('img'); 

Teraz chcę przenieść ostatni obraz na pierwszą pozycję. Współpracuje tak:

elements.first().before(elements.last()); 

Po tym obiektem elements naturalnie nadal posiada wartości w kolejności ich gdzie przedtem. mogę zaktualizować to poprzez odpytywanie ponownie po zmianie:

elements = $('img'); 

Ale wydaje się nieefektywne, aby uruchomić kolejne zapytanie, kiedy mam już wszystkie elementy razem. Ponadto, ponieważ nie jest to tablica, to nie zadziała:

Jaki jest najlepszy sposób aktualizacji listy obiektów w takim przypadku?

Answer 1

Podrób to!

[].unshift.call(elements, [].pop.call(elements)) 

Demo

---

Zastrzeżenie: Wątpię, jest to szybsze niż ponowne wykonanie zapytania.

Answer 2

<div class="container"> 
<img src="" alt=""> 
<img src="" alt=""> 
<img src="" alt=""> 
</div> 

---

$('.container img:last-child').prependTo('.container'); //would work 

$('img:last', elements).prependTo(elements); 
// i think this will also work if you need to cache it 

Answer 3

Są dwie rzeczy się tu dzieje.

Masz zestaw elementów w DOM i zmiennej zawierającej fragment DOM odwołań do tych elementów.

Funkcje jQuery first() i last() przenoszą elementy w DOM, ale nie wiedzą nic o zmiennej.

Z punktu widzenia prostoty kodu sugerowany kod jest najbardziej czytelny i powinien być w porządku, chyba że często go wywołujesz.

elements = $('img'); 

przeciwnym razie wyłączyć zmienną do tablicy:

var elementsarray = []; 
elements.each(function(i) { elementsarray[] = this; });