복붙노트

[JQUERY] 주문은 <UL> / <OL>에서 jQuery를 가장 쉬운 방법은 무엇입니까?

JQUERY

주문은
    /
      에서 jQuery를 가장 쉬운 방법은 무엇입니까?

해결법


  1. 1.

    var items = $('.alphaList > li').get();
    items.sort(function(a,b){
      var keyA = $(a).text();
      var keyB = $(b).text();
    
      if (keyA < keyB) return -1;
      if (keyA > keyB) return 1;
      return 0;
    });
    var ul = $('.alphaList');
    $.each(items, function(i, li){
      ul.append(li); /* This removes li from the old spot and moves it */
    });
    

  2. 2.이 시도:

    이 시도:

    var elems = $('.alphalist li').detach().sort(function (a, b) {
      return ($(a).text() < $(b).text() ? -1 
            : $(a).text() > $(b).text() ? 1 : 0);
    }); 
    $('.alphalist').append(elems);
    

  3. 3.미래 Google 직원, 나는이 플러그인은 매우 유용 발견했습니다. 그것은 비 라틴 언어 문자의 순서를 정의하는 옵션이 있습니다.

    미래 Google 직원, 나는이 플러그인은 매우 유용 발견했습니다. 그것은 비 라틴 언어 문자의 순서를 정의하는 옵션이 있습니다.

    이전 버전 (jQuery를 따라 다름)

    $('.submenu > li').tsort({
        charOrder: 'abcçdefgğhıijklmnoöprsştuüvyz'
    });
    

    영어 문자의 경우, 옵션을 정의하는 데 필요하지 않습니다

    $('.submenu > li').tsort();
    

    (2016 3월 29일) 현재 버전 (jQuery를 독립적)

    tinysort의 현재 버전은 jQuery를에서 이제 독립적이다. 순수 자바 스크립트. 나는 새로운 버전 사용에 대한 jsfiddle 업데이트되었습니다.

    tinysort('.submenu > li', {
        charOrder: 'abcçdefgğhıijklmnoöprsştuüvyz'
    });
    

    데모 http://jsfiddle.net/ergec/EkScy/

    웹 사이트 http://tinysort.sjeiti.com/

  4. from https://stackoverflow.com/questions/304396/what-is-the-easiest-way-to-order-a-ul-ol-in-jquery by cc-by-sa and MIT license