jquery - 使用jquery根据最小到最大的数量重新排序表中的单选按钮

Question

我在模板中工作，因此无法直接编辑 HTML。单选按钮项目会自动从最大到最小排序，但我希望它们从最小到最大出现。

<tbody>

<tr class="CTsubtitle">
<td width="1%"><font class="CTtablein">&nbsp;</font></td>
<td><font class="CTtablein">Level</font></td>
</tr>

<tr class="CTodd"><td nowrap=""><font class="CT">&nbsp;
<input type="radio" id="Radio1" onclick="SetAmount(form, 500);" value="749500" name="PledgeLevelID">
&nbsp;</font></td>
<td><font class="CT">$500.00 (becomes $1000.00 when matched)&nbsp;</font><br></td>
</tr>

<tr class="CTeven"><td nowrap=""><font class="CT">&nbsp;
<input type="radio" id="Radio1" onclick="SetAmount(form, 250);" value="749511" name="PledgeLevelID">&nbsp;</font></td>
<td><font class="CT">$250.00  (becomes $500 when matched)&nbsp;</font><br></td>
</tr>

<tr class="CTodd"><td nowrap=""><font class="CT">&nbsp;
<input type="radio" id="Radio1" onclick="SetAmount(form, 100);" value="749499" name="PledgeLevelID">&nbsp;</font></td>
<td><font class="CT">$100.00 (becomes $200 when matched)&nbsp;</font><br></td>
</tr>

</tbody>

我一直在提琴手使用这个例子：http: //jsfiddle.net/HELUq/1/

Answer 1

根据您的要求更新：

$(document).ready(function () {
    var compare = function (a,b){
      var a_val = $(a).find("font").text().replace(/[\n\r]/g, "");
        a_val = parseInt(a_val.substring(a_val.indexOf("$")+1));
      var b_val = $(b).find("font").text().replace(/[\n\r]/g, "");
        b_val = parseInt(b_val.substring(b_val.indexOf("$")+1));
      if (a_val>b_val){
        return 1;
      }
      if (a_val<b_val){
        return -1;
      }
      return 0;
    };

    $("table tr").not(".CTsubtitle").sort(compare).appendTo("table");
});

看看这个 - http://jsfiddle.net/maximua/6nQKD/3/

Answer 2

看到这个小提琴。

这将按 myAttribute 元素属性升序排序。

rows.sort(function(a, b) {
    return $(a).attr('myAttribute') - $(b).attr('myAttribute');
});