>웹 프론트엔드 >JS 튜토리얼 >js, jQuery 정렬 구현 코드, 웹 페이지 태그 정렬 구현, 태그 sorting_javascript 기술

js, jQuery 정렬 구현 코드, 웹 페이지 태그 정렬 구현, 태그 sorting_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:07:261056검색

js 구현, jQuery 정렬:
핵심 사항: 정렬을 수행하기 위한 가장 간단한 방법은
먼저 jQuery를 사용하여 태그를 객체 배열로 읽어들이는 것
js를 사용하여 객체 배열을 정렬하는 것입니다(객체 배열 정렬). , 웹 페이지의 내용을 직접 변경하지 마십시오.)
객체 배열 내용으로 웹 페이지의 태그 배열을 덮어씁니다.
//짧은 텍스트에서 긴 텍스트로 정렬

코드 복사 코드는 다음과 같습니다.

//짧은 텍스트에서 긴 텍스트로 정렬
var arr_a= new Array();
var i=0;
$(".type_list_txt >span:contains('T-shirt')").parent().children("a").each(function (){
arr_a[i ]=$(this).clone();
i
})
for(i=0; i{
for(j= i 1;j{
if($(arr_a[i]).text().length > $(arr_a[j] ).text().length )
{
temp=arr_a[i];
arr_a[i]=arr_a[j]
arr_a[j]=temp; 🎜>}
}
i=0;
$(".type_list_txt >span:contains('T-shirt')").parent().children("a").each( function(){
$(this ).replaceWith($(arr_a[i]))
i
});
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.