JQuery .each () 뒤로

JQuery를 사용하여 페이지에서 일부 요소를 선택한 다음 DOM에서 요소를 이동합니다. 내가 겪고있는 문제는 JQuery가 자연스럽게 선택하려는 역순으로 모든 요소를 ​​선택해야한다는 것입니다. 예를 들면 다음과 같습니다.

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

모든 li 항목을 선택하고 .each () 명령을 사용하고 싶지만 Item 5부터 시작한 다음 Item 4 등으로 시작하고 싶습니다. 이것이 가능합니까?

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

나는 세계에서 가장 작은 jquery 플러그인 형태로 가장 깨끗한 방법을 제시합니다.

jQuery.fn.reverse = [].reverse;

용법:

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

그의 게시물에 마이클 기어 리에 대한 모든 크레딧 : http://www.mail-archive.com/discuss@jquery.com/msg04261.html

넌 할 수있어

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

뒤에

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

이에 대한 다른 옵션은 다음과 같습니다.

첫 번째 : 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;
});

여기 데모

... 그리고 jQuery와 함께 :

이것을 사용할 수 있습니다 :

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

여기 데모

jQuery를 반대로 사용하는 또 다른 방법 은 다음 과 같습니다.

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

이 데모는 여기에 있습니다 .

또 다른 대안은 length(선택자와 일치하는 요소 수)를 사용하고 index각 반복을 사용하여 그 아래로 내려가는 것 입니다. 그런 다음 이것을 사용할 수 있습니다 :

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

이 데모 여기

하나 는 위의 것과 관련이 있습니다.

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

여기 데모

역 플러그인을 작성하는 것을 선호합니다.

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

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

사용 예 :

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

jQuery.fn에 메소드를 저장하지 않으려면

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

Vinay 아이디어를 사용 했으므로 $ .each에 대한 역전이 필요했습니다.

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

잘 했어, 고마워

각 함수를 jQuery로 거꾸로 반복 할 수는 없지만 여전히 jQuery 구문을 활용할 수 있습니다.

다음을 시도하십시오 :

//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
}

내가 찾은 Array.prototype.reverse내가 대안으로 사용할 새 jQuery를 기능을 만들 수 있도록, 객체와 실패 : jQuery.eachBack(). 평상시처럼 반복 jQuery.each()하고 각 키를 배열에 저장합니다. 그런 다음 해당 배열을 되돌리고 원래 배열 / 객체에서 역순으로 정렬 된 순서대로 콜백을 수행합니다.

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);
}

나는 당신이 필요하다고 생각

.parentsUntill()

시도해 볼 수도 있습니다

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