如何用div替换每个第5篇文章？

Question

我正在研究这个tumblr主题（http://trollfutbol.tumblr.com/）和我因为tumblr在文章中自动生成帖子，在其中一些之间添加广告我只想用div替换每一篇文章将添加300x250广告。

我正在谈论的部分的HTML：

<div class="content">
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>           Automically generating as many posts as I have.
  <article></article>
  <article></article>
  <article></article>
  <article></article>
   </div>
   <div class="ad">
   </div>

我试着这样做：

<script>    
$('article:nth-child(5n)').replaceWith('.ad');
</script>

Answer 1

您需要克隆元素以附加到多个元素：

$('article:nth-child(5n)').replaceWith($('.ad').clone());

<强>

<强> Working Demo

Answer 2

<script>    
$('article:nth-child(5n)').replaceWith('.ad').text();   // remove the term n
or
$('article:nth-child(5n)').replaceWith('.ad').html();   as Bhojendra mentioned
</script>

我不明白为什么你将n放在nth-child(5n)中。删除它，它意味着什么。