Jquery 无法直接编辑HTML,希望按第一列按字母顺序排列表行
我想按字母顺序列出从数据库中提取的姓名。但是,前两行是标题信息,不需要排序。这是使用软件构建的,我不能直接编辑页面的HTMLJquery 无法直接编辑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: &
<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="";return true;" onmouseover="status="donate now";return true;" href="#">Jacob Lewis </a></td>
<td>Richmond VA </td><td> </td>
<td align="right" style="text-align: right;">$175.00 </td>
</tr>
<tr bgcolor="#ffffff"><td><a onmouseout="status="";return true;" onmouseover="status="donate now";return true;" href="#">Sarah Haynes </a></td>
<td>Richmond VA </td>
<td> </td>
<td align="right" style="text-align: right;">$175.00 </td>
</tr>
<tr bgcolor="#eeeeee"><td><a onmouseout="status="";return true;" onmouseover="status="donate now";return true;" href="#">London Alexander</a></td>
<td>Midlothian VA </td><td> </td>
<td align="right" style="text-align: right;">$25.00 </td>
</tr>
<tr bgcolor="#ffffff">
<td><a onmouseout="status="";return true;" onmouseover="status="donate now";return true;" href="#">Margaret Smith</a></td><td>richmond VA </td>
<td> </td>
<td align="right" style="text-align: right;">$30.00 </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将脚本应用于特定页面。随着越来越多的参与者注册并添加到表中,数据会发生变化。谢谢,但小提琴似乎不是按字母顺序排序的,而是按最后一列中筹集的金额排序的。有没有办法按字母顺序排序?