Question

我的网站存在问题，我正在尝试克隆div以将其添加到每个第n篇文章中。（http://trollfutbol.tumblr.com/）

我添加了一个脚本，可以将adWrap div添加到每个第7篇文章中。

$('article:nth-child(7n)').replaceWith('.adWrap').clone();

它确实克隆了它并将广告添加到第7个广告但广告不会重新添加到第14篇文章等。它只会添加包装。

有什么想法吗？

html基本上是

<div class="content">
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <article></article>          regenerating infinite times (as many posts I will have)
  <article></article>
  <article></article>
  <article></article>
  <article></article>
  <div class="adWrap">ad iframe</div>
</div>

Answer 1

小错误 - 错过括号替换带命令和变量字符 - 美元。

正确的js代码是

$('article:nth-child(7n)').replaceWith($('.adWrap').clone());

http://jsfiddle.net/kbqcr9vw/2/

Answer 2

你需要添加$和圆括号，你可能还想添加：eq（0）我不知道当找到多个元素时replaceWith如何动作

$('article:nth-child(7n)').replaceWith($('.adWrap:eq(0)').clone());

为什么.clone不复制我的div？

2 个答案: