jQuery:更改表两行的顺序 [英] jQuery: change the order of two rows of a table
本文介绍了jQuery:更改表两行的顺序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想更改表中两行的顺序.
I want to change the order of two rows in a table.
我有此代码:
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/
取决于您要定位的对象.如果第一个具有点击处理程序,则需要上面的代码.
Depends on which one you're targeting. If the first one has the click handler, then you'd need the code above.
此外, closest()
[docs] 方法是定位祖先<tr>
的更安全方法.可能就是问题所在.
Also, the closest()
[docs] method is a safer way to target the ancestor <tr>
. That may have been the issue.
如果您希望以相反的方式使用它,则您的代码可以使用,但是再次使用.closest()
.
If you want it the opposite way, your code would work, but again, use .closest()
instead.
$('span').click(function() {
var row = $(this).closest('tr');
row.prev().insertAfter(row);
});
示例: http://jsfiddle.net/hkkKs/1/
这篇关于jQuery:更改表两行的顺序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文