Maison > Article > interface Web > JQuery exploite la position de tr dans le tableau
Cette fois, je vais vous apporter JQuery pour exploiter la position de tr dans le tableau. Quelles sont les précautions pour que JQuery exploite la position de tr dans le tableau. est un cas pratique. Jetons un coup d'œil une fois.
TableStyle
<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>
code 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>后面一个元素后面 } }
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment le plug-in jquery imprime-t-il le contenu de la page
Comment jQuery exécute-t-il la page pour déclencher des événements de clic en par défaut
Explication détaillée de la forme de l'arbre dans layui sur le passage de valeur
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!