在元素w/jQuery之后插入表格

Question

我有一张表，并且在一列中有链接。当点击链接时，我会显示一个包含额外数据的div。目前我已隐藏这些div，并单击显示它们。我想知道如果我应该把该div放入一个函数中，并且当单击项目时 - 将该div附加到单击的项目上。

我在正确的轨道上吗？

我应该使用appendTo或insertAfter？

Answer 1

隐藏/显示元素并不是一个不好的习惯，并且通常会用于执行您所谈论的那种场景。但是你可能会追加这个元素，这取决于什么样的策略可以使你的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> 

Answer 2

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