gpt4 book ai didi

javascript - 如何使用 jquery 将 插入到

转载 作者:行者123 更新时间:2023-11-29 14:53:30 27 4
gpt4 key购买 nike

我有一个 table几行,我只需要重新排列它们,我就可以获取 <td><tr>现在我需要做的是以自定义顺序将它们插回

 $('.white-header').each(function() {  //white-header is the class used for <tr>
var tr = $(this);

var td1 = tr.find('td:eq(4)'); // indices are zero-based here
var td2 = tr.find('td:eq(5)');
var td3 = tr.find('td:eq(6)');
var td4 = tr.find('td:eq(7)');
var td5 = tr.find('td:eq(8)');
var td6 = tr.find('td:eq(9)');
var td7 = tr.find('td:eq(10)');
td1.remove();
td2.remove();
td3.remove();
td4.remove();
td5.remove();
td6.remove();
td7.remove();
tr.insert(td7); // here am getting errors, i tried .append also
tr.insert(td6);
tr.insert(td4);
});

我只需要知道如何插入 td对此 tr (我猜目前 tr 是空白的,在删除所有 td 之后)

最佳答案

你根本不需要.remove()。您只需要巧妙地使用 appendprepend(或 appendToprependTo)来重新排列您的代码细胞。这些方法不会复制 DOM 节点,它们会移动它们,因此完全没有必要删除。

Quick example :

$('.white-header').each(function() {
var tr = $(this);

tr.find('td:eq(4)').appendTo(tr);
tr.find('td:eq(6)').appendTo(tr);
tr.find('td:eq(9)').prependTo(tr);
});

(在我的示例中,元素的顺序最后可能看起来很奇怪,因为我没有按原始顺序运行 :eq,而是始终按已更改的顺序运行 -这只是一个简单的例子)

关于javascript - 如何使用 jquery 将 <td> 插入到 <tr>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21727040/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com