我有一个关于 jQuery 选择器的问题,我有一个如下的表格结构(HTML 部分),并且表格列中有一个链接,用于单击并使用 jQuery 移动表格行“向上”和“向下”(jQuery 部分,来自这篇文章的参考)。
jQuery部分:
$(".up,.down").click(function() {
var row = $(this).parents("tr:first");
if ($(this).is(".up")) {
row.insertBefore(row.prev("tr:has(td)"));
} else {
row.insertAfter(row.next());
}
});
HTML部分:
<table cellspacing="0" border="0" id="Table1" style="text-align:center" >
<tr>
<th scope="col" width="80px">Column A</th><th scope="col" width="80px">Column B</th><th scope="col"> </th>
</tr>
<tr>
<td>
<span id="GridView1_ctl02_lbl1">A</span>
</td><td>
<span id="GridView1_ctl02_lbl2">0</span>
</td><td>
<a href="#" class="up">Up</a> <a href="#" class="down">Down</a>
</td>
</tr><tr>
<td>
<span id="GridView1_ctl03_lbl1">B</span>
</td><td>
<span id="GridView1_ctl03_lbl2">2</span>
</td><td>
<a href="#" class="up">Up</a> <a href="#" class="down">Down</a>
</td>
</tr><tr>
<td>
<span id="GridView1_ctl04_lbl1">C</span>
</td><td>
<span id="GridView1_ctl04_lbl2">2</span>
</td><td>
</td>
</tr><tr>
<td>
<span id="GridView1_ctl05_lbl1">D</span>
</td><td>
<span id="GridView1_ctl05_lbl2">2</span>
</td><td>
</td>
</tr><tr>
<td>
<span id="GridView1_ctl06_lbl1">E</span>
</td><td>
<span id="GridView1_ctl06_lbl2">3</span>
</td><td>
<a href="#" class="up">Up</a> <a href="#" class="down">Down</a>
</td>
</tr>
</table>
我希望行按“B 列”中的值移动“向上”和“向下”分组(根据用红色框突出显示)而不是普通的逐行。根据图表的示例,行的移动应该被红框移动。
所以我的问题是,如何使用 jQuery 选择器在“B 列”中按值分组选择行?onclick 事件是在链接(“向上”和“向下”)点击时触发的。
提前谢谢你:)