如果第一列显示相等的值，如何使用第二列进行排序

Hossj 发表于 Dev

霍斯杰

我们有一张表格，显示球队的排名。

现在，我们目前使用的是jQuery，以基于得分的方式进行排序->“ PTS”。但是在某些情况下，如上图所示，得分相等（例如最后两支球队），在这种情况下，要看看谁先走，我们必须看一下F栏，在这种情况下，“迪拜种马”应高于“阿布扎比首都”。

我们的代码当前如下所示：

<script type="text/javascript">
    $(document).ready(function(){
        $('div.standing table>tbody > tr:not(:first-child)').sort(function (a, b) {
            return +$('td:eq(5)', b).text() > +$('td:eq(5)', a).text();
        }).appendTo('tbody');
    });
</script>

我们有桌子

<div class="standing">
    <table class="uppercased">
        <tr>
            <th style="width:26%">teams</th>
            <th style="width:6%">gp</th>
            <th style="width:6%">w</th>
            <th style="width:6%">l</th>
            <th style="width:6%">t</th>
            <th style="width:6%">pts</th>
            <th style="width:6%">f</th>
            <th style="width:6%">a</th>
            <th style="width:8%">Standing</th>
            <th style="width:8%">strk</th>
        </tr>

与下面类似。任何人都可以帮助调整jQuery吗？

网址：https：//www.eafl.ae/standing？division = varsity

谢谢。

埃迪

您可以做一个if条件。如果点相等，则使用f列进行排序。

这是一个片段。

$(function() {

  $('div.standing table>tbody > tr:not(:first-child)').sort(function(a, b) {
    if (+$('td:eq(5)', b).text() != +$('td:eq(5)', a).text()) // Check if PTS column is not equal
      return +$('td:eq(5)', b).text() > +$('td:eq(5)', a).text(); // Use PTS column since they are not equal
    else
      return +$('td:eq(6)', b).text() > +$('td:eq(6)', a).text(); // Sincne PTS column are equal, use the f column

  }).appendTo('tbody');

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="standing">
  <table class="uppercased">
    <tr>
      <th style="width:26%">teams</th>
      <th style="width:6%">gp</th>
      <th style="width:6%">w</th>
      <th style="width:6%">l</th>
      <th style="width:6%">t</th>
      <th style="width:6%">pts</th>
      <th style="width:6%">f</th>
      <th style="width:6%">a</th>
      <th style="width:8%">Standing</th>
      <th style="width:8%">strk</th>
    </tr>
    <tr>
      <td style="width:26%">Team 1</td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%">3</td>
      <td style="width:6%">7</td>
      <td style="width:6%"></td>
      <td style="width:8%"></td>
      <td style="width:8%"></td>
    </tr>
    <tr>
      <td style="width:26%">Team 1</td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%">12</td>
      <td style="width:6%">86</td>
      <td style="width:6%"></td>
      <td style="width:8%"></td>
      <td style="width:8%"></td>
    </tr>
    <tr>
      <td style="width:26%">Team 1</td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%"></td>
      <td style="width:6%">3</td>
      <td style="width:6%">33</td>
      <td style="width:6%"></td>
      <td style="width:8%"></td>
      <td style="width:8%"></td>
    </tr>
  </table>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。