广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机教程 > 正文

jquery排序sort()的介绍_惠州Jquery培训

作者:黄君发布时间:2020-12-09分类:计算机教程浏览:1036


导读:jquery排序sort()的介绍,sort()方法用于对数组进行排序。这种排序是按照字母顺序进行排序的。那么就会疑惑,如果数组里面的元素是数字的话,怎么办?例如:......

sort()方法用于对数组进行排序。这种排序是按照字母顺序进行排序的。那么就会疑惑,如果数组里面的元素是数字的话,怎么办?例如:

  var a = [1,7,33,6,5],利用sort排序怎么处理?接下来会有详细的介绍。

  这里有一个无序列表ul,请对其中的数据进行排序。

<button onclick="sortArr()">排序</button>
<ul>
  <li>ads</li>
  <li>fgfd</li>
  <li>qqq</li>
  <li>deee</li>
</ul>

<script>
function sortArr(){
  var arr =[];
  $("li").each(function(){
    var ele = $(this).text();
    arr.push(ele);
  })
  *arr = arr.sort();*//排序
  alert(arr);
  var list=""
  for (var i = 0; i < arr.length; i++) {
    list +="<li>"+arr[i]+"</li>";
  };
  $("ul").empty().append(list);

}
</script>

  输出结果:

ads
deee
fgfd
qqq

  如果列表是数字:

<ul>
  <li>1</li>
  <li>33</li>
  <li>5</li>
  <li>6</li>
</ul>

function sortNumber(a,b){
  return a - b;
}
//只需将排序替换成
arr = arr.sort(sortNumber);

  输出结果:

1
5
6
33

  如果直接用sort()方法,输出的结果:

1
33
5
6

622762d0f703918f77154fb4413d269758eec48c.png

标签:惠州北大青鸟惠州JAVA培训惠州IT培训惠州软件培训惠州软件开发惠州Jquery培训


计算机教程排行
标签列表
网站分类
文章归档
最近发表