JQuery verwaltet die Position von tr in der Tabelle

Dieses Mal bringe ich Ihnen JQuery, um die Position von tr in der Tabelle zu bedienen. Was sind die Vorsichtsmaßnahmen für JQuery, um die Position von tr in der Tabelle zu bedienen? ist ein praktischer Fall.

TabelleStil

<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-Code

// 上移
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>后面一个元素后面
  }
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Wie druckt das JQuery-Plug-In den Seiteninhalt?

Wie führt JQuery die Seite aus, um Klickereignisse auszulösen? standardmäßig

Detaillierte Erklärung der Baumform in Laui zur Wertübergabe

Das obige ist der detaillierte Inhalt vonJQuery verwaltet die Position von tr in der Tabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!