例如, 我有这个代码:
<table>
<tr>
<td class="last"></td>
<td></td>
</tr>
<tr>
<td class="last"></td>
<td></td>
</tr>
<tr>
<td class="another"></td>
<td></td>
</tr>
<tr>
<td class="another"></td>
<td></td>
</tr>
</table>
我希望使用 javascript 进行这样的设置:
<table>
<tr>
<td class="another"></td>
<td></td>
</tr>
<tr>
<td class="another"></td>
<td></td>
</tr>
<tr>
<td class="last"></td>
<td></td>
</tr>
<tr>
<td class="last"></td>
<td></td>
</tr>
</table>
我们所需要的是, javascript 应该检测类为“last”的 td 并将整个表格行移至表格底部。
最佳答案
var last = $( '.last' );
last.parent().parent().append( last.parent() );
last.parent().parent()
是 table
元素,last.parent()
是 tr
元素。
append
移动 DOM 元素,因此它们不会被“复制”,而是被移动到末尾。
关于javascript - 使用 javascript 在类的基础上重新排列表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11119015/