jQuery：對錶格進行排序並基於值（標記），自動選擇具有最低值的單選按鈕

該表格類似於如何對錶格進行排序並基於值（標記），自動選擇具有最小值的單選按鈕最低值jQuery：對錶格進行排序並基於值（標記），自動選擇具有最低值的單選按鈕

<html> 
    <title></title> 
    <head></head> 
    <body> 
    <table id="one" class="tabl" cellspacing="0" > 
    <tbody> 
    <tr class="row"> 
     <td><input class="dep" type="radio" name="depart"></td> 
     <td><a class="marks">500</a></td> 
    </tr> 
    <tr class="row"> 
     <td><input class="dep" type="radio" name="depart"></td> 
     <td><a class="marks">200</a></td> 
    </tr> 
    <tr class="row"> 
     <td><input class="dep" type="radio" name="depart"></td> 
     <td><a class="marks">300</a></td> 
    </tr> 
    <tr class="row"> 
     <td><input class="dep" type="radio" name="depart"></td> 
     <td><a class="marks">400</a></td> 
    </tr> 
    </tbody> 
    </table> 
    </body> 
</html>

來源

2011-10-15 charanbadri

$(function(){ 
    var table = $('#one'); 
    var sortMarks = function(a,b) 
    { 
     var aVal = Number($(a).find('a.marks').text()), 
      bVal = Number($(b).find('a.marks').text()); 
     return aVal > bVal ? 1 : -1; 
    }; 
    table.find('tr').sort(sortMarks).appendTo(table); // sort 
    table.find('tr:first input.dep').attr('checked', 'checked'); // select first row (lowest) 
});

來源

2011-10-15 22:06:57

jQuery：對錶格進行排序並基於值（標記），自動選擇具有最低值的單選按鈕

回答

相關問題