jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery:更改表的两行的顺序大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想更改表中两行​​的顺序.

我有这个代码

console.log(position.parent().parent().prev());
console.log(position.parent().parent());
//I expected this line do the work,but no...
$(this).parent().parent().prev().insertAfter($(this).parent().parent());

那是打印这个:

<tr>​
<td>​Element 1​</td>​
<td>​…​</td>​
<td>​2008-02-02​</td>​
<td class=​"jander" data-pos=​"0" data-category=​"1">​…​</td>​
</tr>​

<tr>​
<td>​Element 2​</td>​
<td>​…​</td>​
<td>​2007-02-02​</td>​
<td class=​"jander" data-pos=​"1" data-category=​"1">​…​</td>​
</tr>​

任何的想法?

问候

哈维

解决方法

var row = $(this).closest('tr');

row.insertAfter( row.next() );

示例:http://jsfiddle.net/hkkKs/

取决于您要定位的是哪一个.如果第一个具有单击处理程序,那么您需要上面的代码.

此外,closest()[docs]方法是一种更安全的方法来瞄准祖先< tr>.这可能是问题所在.

如果你想要相反的方式,你的代码可以工作,但是再次使用.closest()代替.

$('span').click(function() {
    var row = $(this).closest('tr');

    row.prev().insertAfter(row);
});

示例:http://jsfiddle.net/hkkKs/1/

大佬总结

以上是大佬教程为你收集整理的jQuery:更改表的两行的顺序全部内容,希望文章能够帮你解决jQuery:更改表的两行的顺序所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: