实现英文字母排序

排序前后对比图

before:　

after:　　

  <select id="myselect" size="5">
    <option>E</option>
    <option>D</option>
    <option>C</option>
    <option>A</option>
    <option>B</option>
  </select>

  $(function () {
    var options = {}
    $('#myselect option').each(function () {
      var option = $(this)
      console.log(option)
      options[option.text()] = option
      setTimeout(() => {
        console.log(option[0])
      }, 1000);
      setTimeout(() => {
        console.log(option.text())
      }, 2000);
    })

将

1	console.log(Object.keys(options))

 

1	var keys = Object.keys(options).sort()

2	console.log(keys)

 

    var keys = Object.keys(options).sort()
    var $myselect = $('#myselect').empty()
    $.each(keys,function(i,key){
      $myselect.append(options[key])
    })

将select清空，然后调用.each方法遍历keys数组，将之前保存的已经排序过的数组内容依次插入select中 

 

引用文章：https://www.cnblogs.com/qiuchuanji/p/7737831.html