在jQuery中选择时如何排序DOM元素?

前端之家收集整理的这篇文章主要介绍了在jQuery中选择时如何排序DOM元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面上有以下DIV:
<div id="pi_div3">
  Div 3
</div>
<div id="pi_div2">
  Div 2
</div>
<div id="pi_div1">
  Div 1
</div>
<div id="pi_div6">
  Div 6
</div>
<div id="pi_div5">
  Div 5
</div>
<div id="pi_div4">
  Div 4
</div>

我试图使用jQuery代码$(“div [id * = pi_div]”)来选择Div.

当我在选择器上执行每个()时,我需要根据它们的ID对div进行排序.当循环遍历DIV时,顺序应为:PI_DIV1,PI_DIV2,PI_DIV3,PI_DIV4,PI_DIV5,PI_DIV6.在jQuery中怎么做?

解决方法

您可以致电 .sort()之前致电 .each()
$("div[id*=pi_div]").sort(function(a,b){
    if(a.id < b.id) {
        return -1;
    } else {
        return 1;
    }
}).each(function() { console.log($(this).attr("id"));});

编辑:我想知道为什么其他的答案是删除pi_div部分的id,我得到它.如果根据“strings”进行比较,pi_div10将会在pi_div2之前进行比较.

原文链接:https://www.f2er.com/jquery/180333.html

猜你在找的jQuery相关文章