在另一个div上面添加div

Question

<div>
  <div class="one">One</div>
  <div class="two">Two</div>
  <div class="three">Three</div>
  <div class="four">Four</div>
  <div class="five">Five</div>
</div>

我需要在div 3和Four之间添加一个div，但是我不能在父div上使用任何类型的目标（只有div里面的div）。

jQuery('.four').parent().prepend('<div class="addme">Add Me!</div>');

这可能你知道将它添加到顶部，在div之上。如果没有“.parent（）”，它会在内容之前添加div四内部的div。 “.append（）”的区别相同。

有人有解决方案吗？

Answer 1

您可以像这样使用.before()或.after()：

jQuery('.four').before('<div class="addme">Add Me!</div>');
//or...
jQuery('.three').after('<div class="addme">Add Me!</div>');

Answer 2

$('.three').after('<div class="addme">Add Me!</div>');