溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
表格樣式
<table>
<tr>
<td><input type="button" value="上移" onclick="moveUp(this)"/></td>
<td><input type="button" value="下移" onclick="moveDown(this)"/></td>
</tr>
<tr>
<td><input type="button" value="上移" onclick="moveUp(this)"/></td>
<td><input type="button" value="下移" onclick="moveDown(this)"/></td>
</tr>
<tr>
<td><input type="button" value="上移" onclick="moveUp(this)"/></td>
<td><input type="button" value="下移" onclick="moveDown(this)"/></td>
</tr>
</table>
js代碼
// 上移
function moveUp(obj) {
var current = $(obj).parent().parent(); //獲取當前<tr>
var prev = current.prev(); //獲取當前<tr>前一個元素
if (current.index() > 0) {
current.insertBefore(prev); //插入到當前<tr>前一個元素前
}
}
// 下移
function moveDown(obj) {
var current = $(obj).parent().parent(); //獲取當前<tr>
var next = current.next(); //獲取當前<tr>后面一個元素
if (next) {
current.insertAfter(next); //插入到當前<tr>后面一個元素后面
}
}
以上這篇JQuery實現table中tr上移下移的示例(超簡單)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
