Блог

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

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

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

appendTo помещает что-то внутри контейнера (div, span, td, что-то, что содержит материал), в то время как insertAfter помещает что-то после (снаружи) другого элемента.

Скрытие / отображение элемента — неплохая практика, и обычно это делается для выполнения сценария, о котором вы говорите. Но вы также можете добавить элемент, это зависит от того, какая стратегия делает ваш код 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>