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

このフィドルを参照してください。

これにより、myAttribute 要素の属性で昇順に並べ替えられます。

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