Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 无法直接编辑HTML,希望按第一列按字母顺序排列表行_Jquery - Fatal编程技术网

Jquery 无法直接编辑HTML,希望按第一列按字母顺序排列表行

Jquery 无法直接编辑HTML,希望按第一列按字母顺序排列表行,jquery,Jquery,我想按字母顺序列出从数据库中提取的姓名。但是,前两行是标题信息,不需要排序。这是使用软件构建的,我不能直接编辑页面的HTML <table> <tbody> <tr bgcolor="#d3d3d3"> <td colspan="4" class="white"><b>Click on the Runner's name that you would like to make a donation to: &

我想按字母顺序列出从数据库中提取的姓名。但是,前两行是标题信息,不需要排序。这是使用软件构建的,我不能直接编辑页面的HTML

<table>
 <tbody>
    <tr bgcolor="#d3d3d3"> 
        <td colspan="4" class="white"><b>Click on the Runner's name that you would like to make a donation to: </b></td>
    </tr>
    <tr bgcolor="#c4c4c4"> 
        <td><b>Name</b></td>
        <td><b>City/State</b></td>
        <td><b>Team</b></td>
        <td><b>Donation Total</b></td>
    </tr>
    <tr bgcolor="#eeeeee">
        <td><a onmouseout="status=&quot;&quot;;return true;" onmouseover="status=&quot;donate now&quot;;return true;" href="#">Jacob Lewis&nbsp;</a></td>
        <td>Richmond VA &nbsp;</td><td>&nbsp;</td>
        <td align="right" style="text-align: right;">$175.00&nbsp;</td>
    </tr>
    <tr bgcolor="#ffffff"><td><a onmouseout="status=&quot;&quot;;return true;" onmouseover="status=&quot;donate now&quot;;return true;" href="#">Sarah Haynes&nbsp;</a></td>
        <td>Richmond VA &nbsp;</td>
        <td>&nbsp;</td>
        <td align="right" style="text-align: right;">$175.00&nbsp;</td>
    </tr>
    <tr bgcolor="#eeeeee"><td><a onmouseout="status=&quot;&quot;;return true;" onmouseover="status=&quot;donate now&quot;;return true;" href="#">London Alexander</a></td>
        <td>Midlothian VA &nbsp;</td><td>&nbsp;</td>
        <td align="right" style="text-align: right;">$25.00&nbsp;</td>
    </tr>
    <tr bgcolor="#ffffff">
        <td><a onmouseout="status=&quot;&quot;;return true;" onmouseover="status=&quot;donate now&quot;;return true;" href="#">Margaret Smith</a></td><td>richmond VA &nbsp;</td>
        <td>&nbsp;</td>
        <td align="right" style="text-align: right;">$30.00&nbsp;</td>
        </tr>
 </tbody>
</table>

单击您想捐赠给的跑步者的姓名:
名称
城市/州
团队
捐款总额
弗吉尼亚州里士满
$175.00 
弗吉尼亚州里士满
$175.00 
中洛锡安
$25.00 
弗吉尼亚州里士满
$30.00 
以下是JSFIDLE中HTML的链接:


谢谢你的帮助

在你的小提琴中,你可以做这样的事情

$('table tbody tr:gt(2)') // get all tr's after the second one
.sort(function(a,b){ // sort the elements in the set
    return 
    // if a > b - return 1
    $(a).find('td:first').text() > $(b).find('td:first').text() ? 1 :
    // if a < b - return -1 / else return 0
    $(a).find('td:first').text() < $(b).find('td:first').text() ? -1 : 0 ;
}).appendTo('table tbody'); // append back to tbody
$('table tbody tr:gt(2)//获取第二个tr之后的所有tr
.sort(函数(a,b){//对集合中的元素进行排序
返回
//如果a>b-返回1
$(a).find('td:first').text()>$(b).find('td:first').text()?1:
//如果a


如果您无法编辑页面…是否要将页面截屏并创建一个新页面,其中包含已排序的数据?或者您可能只需要FireFox的TableTools2插件。您选择了jQuery-但是如果您不能直接编辑html,您将如何插入脚本?$($(tr:gt(1)”)是第二行之后的行的选择器。我可以编辑整个站点的页眉和页脚,我使用jquery将脚本应用于特定页面。随着越来越多的参与者注册并添加到表中,数据会发生变化。谢谢,但小提琴似乎不是按字母顺序排序的,而是按最后一列中筹集的金额排序的。有没有办法按字母顺序排序?