在元素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則將某些東西放在另一個元素之後（外部）。