Вставить таблицу после элемента w/jQuery

Question

У меня есть таблица, и в одной колонке у меня есть ссылки. При щелчке по ссылкам я показываю div с дополнительными данными. В настоящее время я скрываю эти divs и показываю их по щелчку. Я задаюсь вопросом, следует ли мне поместить этот div в функцию, и когда элемент будет нажат - добавьте div к щелканному элементу.

Я нахожусь на правильном пути?

Должен ли я использовать appendTo или insertAfter?

Answer 1

Скрытие/отображение элемента - не плохая практика и обычно делается для выполнения сценария, о котором вы говорите. Но вы также можете добавить элемент, это зависит от того, какая стратегия делает ваш код JavaScript более чистым и более ремонтопригодным.

В какой степени разница в размере appendTo или insertAfter зависит от того, чего вы хотите достичь. Рассмотрим следующий HTML

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

Performing

$("#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 помещает что-то после (снаружи) другого элемента.