[JQUERY] 주문은 <UL> / <OL>에서 jQuery를 가장 쉬운 방법은 무엇입니까?
JQUERY주문은 / 에서 jQuery를 가장 쉬운 방법은 무엇입니까?
- 에서 jQuery를 가장 쉬운 방법은 무엇입니까?
해결법
-
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.이 시도:
이 시도:
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.미래 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/
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
'JQUERY' 카테고리의 다른 글
[JQUERY] jQuery를 : 라이브 () 대표 대 () (0) | 2020.10.15 |
---|---|
[JQUERY] HTML5 폼 검증을 트리거링 (0) | 2020.10.15 |
[JQUERY] 어떻게 jQuery를 사용하여 IFrame을의 DOM을 노출? (0) | 2020.10.15 |
[JQUERY] 키를 입력 시뮬레이션 JQuery와 (또는 순수 JS)의 테스트를 누르면 (0) | 2020.10.15 |
[JQUERY] 정지는 GIF 애니메이션 온로드, 마우스 오버에 활성화를 시작합니다 (0) | 2020.10.15 |