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：对表格进行排序并基于值（标记），自动选择具有最低值的单选按钮

回答

相关问题