使用/ jQuery在元素后插入表

Question

我有一张桌子，在一栏中我有链接。单击链接时，我会显示带有其他数据的div。目前我隐藏了这些div并在点击时显示它们。我想知道我是否应该将该div放入一个函数中并在单击项目时 - 将div附加到单击的项目..

我是否在正确的轨道上？

我应该使用 appendTo 还是 insertAfter ？

Answer 1

appendTo将一些东西放入容器（div，span，td，包含东西的东西）中，而insertAfter将东西放在另一个元素之后（外部）。

Answer 2

隐藏/显示元素并不是一种糟糕的做法，通常用于执行您正在讨论的场景。但是你也可以附加元素，这取决于什么样的策略使你的JavaScript代码更清晰，更易于维护。

关于appendTo或insertAfter的区别取决于您想要实现的目标。请考虑以下HTML

<div id="outer">
</div>

执行

$("#outer").append("<span>Test</span>");

会导致

<div id="outer">
   <span>Test</span>
</div>

，而

$("#outer").insertAfter("<span>Test</span>");

会导致

<div id="outer">
</div>
<span>Test</span>