JQuery .each () al contrario

Sto usando JQuery per selezionare alcuni elementi in una pagina e poi spostarli nel DOM. Il problema che sto riscontrando è che devo selezionare tutti gli elementi nell'ordine inverso che JQuery vuole naturalmente selezionarli. Per esempio:

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
   <li>Item 5</li>
</ul>

Voglio selezionare tutti gli elementi li e usare il comando .each () su di essi, ma voglio iniziare con l'articolo 5, quindi con l'articolo 4 ecc. È possibile?

$($("li").get().reverse()).each(function() { /* ... */ });

Ti presento il modo più pulito di sempre, nella forma del plugin jquery più piccolo del mondo:

jQuery.fn.reverse = [].reverse;

Uso:

$('jquery-selectors-go-here').reverse().each(function () {
    //business as usual goes here
});

-Tutti i crediti a Michael Geary nel suo post qui: http://www.mail-archive.com/discuss@jquery.com/msg04261.html

Tu puoi fare

jQuery.fn.reverse = function() {
    return this.pushStack(this.get().reverse(), arguments);
}; 

seguito da

$(selector).reverse().each(...) 

Qui ci sono diverse opzioni per questo:

Primo : senza jQuery:

var lis = document.querySelectorAll('ul > li');
var contents = [].map.call(lis, function (li) {
    return li.innerHTML;
}).reverse().forEach(function (content, i) {
    lis[i].innerHTML = content;
});

Demo qui

... e con jQuery:

Puoi usare questo:

$($("ul > li").get().reverse()).each(function (i) {
    $(this).text( 'Item ' + (++i));
});

Demo qui

Un altro modo, usando anche jQuery con reverse è:

$.fn.reverse = [].reverse;
$("ul > li").reverse().each(function (i) {
    $(this).text( 'Item ' + (++i));
});

Questa demo qui .

Un'alternativa in più è usare il length(conteggio degli elementi corrispondenti a quel selettore) e scendere da lì usando il indexdi ogni iterazione. Quindi puoi usare questo:

var $li = $("ul > li");
$li.each(function (i) {
    $(this).text( 'Item ' + ($li.length - i));
});

Questa demo qui

Un altro , un po 'correlato a quello sopra:

var $li = $("ul > li");
$li.text(function (i) {
    return 'Item ' + ($li.length - i);
});

Demo qui

Preferisco creare un plug-in inverso, ad es

jQuery.fn.reverse = function(fn) {       
   var i = this.length;

   while(i--) {
       fn.call(this[i], i, this[i])
   }
};

Utilizzo ad es .:

$('#product-panel > div').reverse(function(i, e) {
    alert(i);
    alert(e);
});

Se non si desidera salvare il metodo in jQuery.fn, è possibile utilizzare

[].reverse.call($('li'));

Ho dovuto fare un contrario su $ .each, quindi ho usato l'idea di Vinay:

//jQuery.each(collection, callback) =>
$.each($(collection).get().reverse(), callback func() {});

ha funzionato bene, grazie

Non è possibile eseguire l'iterazione all'indietro con jQuery per ciascuna funzione, ma è comunque possibile sfruttare la sintassi di jQuery.

Prova quanto segue:

//get an array of the matching DOM elements   
var liItems = $("ul#myUL li").get();

//iterate through this array in reverse order    
for(var i = liItems.length - 1; i >= 0; --i)
{
  //do Something
}

Ho trovato Array.prototype.reversesuccesso con gli oggetti, così ho fatto una nuova funzione jQuery da usare come alternativa: jQuery.eachBack(). Esegue l'iterazione come jQuery.each()farebbe normalmente e memorizza ogni chiave in un array. Quindi inverte quell'array ed esegue il callback sull'array / oggetto originale nell'ordine delle chiavi invertite.

jQuery.eachBack=function (obj, callback) {
    var revKeys=[]; $.each(obj,function(rind,rval){revKeys.push(rind);}); 
    revKeys.reverse();
    $.each(revKeys,function (kind,i){
        if(callback.call(obj[i], i, obj[i]) === false) {    return false;}
    });
    return obj;
}   
jQuery.fn.eachBack=function (callback,args) {
    return jQuery.eachBack(this, callback, args);
}

Penso che tu abbia bisogno

.parentsUntill()

Puoi anche provare

var arr = [].reverse.call($('li'))
arr.each(function(){ ... })