猿问

如何使用javascript jQuery按字母顺序对表中的默认td进行排序

我正在使用此表和脚本按字母顺序对内部的数据进行排序td:


<button type=button>Sort Options</button>


<table class="table-data">

  <tr>

    <td class="filename">C</td>

  </tr>

  <tr>

    <td class="filename">A</td>

  </tr>

  <tr>

    <td class="filename">D</td>

  </tr>

  <tr>

    <td class="filename">B</td>

  </tr>

</table>

和jQuery:


$('button').click(function() {

  var options = $('table.table-data td');

  var arr = options.map(function(_, o) {

    return {

        t: $(o).text(),

        v: o.value

    };

  }).get();

  arr.sort(function(o1, o2) {

    return o1.t > o2.t ? 1 : o1.t < o2.t ? -1 : 0;

  });

  options.each(function(i, o) {

    console.log(i);

    o.value = arr[i].v;

    $(o).text(arr[i].t);

  });

});

现在,单击按钮即可进行排序。加载页面时如何使排序默认?(不单击按钮)


慕姐4208626
浏览 130回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答