Question

我正在尝试逐个复制div并使用下面的代码将其粘贴到相应的列表中

var index=1;
$('.storycontent').each(function () {
  ('#story-tabs ul li:nth-child(n)').after($(this).html());
  index++;
});

    <ul>
      <li class="first current">Story1</li>
      <li class="first">Story2</li>
      <li class="first">Story3</li>
   </ul>

执行上面的代码后，输出的内容是

<ul>
  <li class="first current">Story1</li>
      <div id="one">some content</div>
      <div id="two">some content</div>
      <div id="three">some content</div>
  <li class="first">Story2</li>
      <div id="one">some content</div>
      <div id="two">some content</div>
      <div id="three">some content</div>
  <li class="first">Story3</li>
      <div id="one">some content</div>
      <div id="two">some content</div>
      <div id="three">some content</div>
</ul>

但我需要

<ul>
  <li class="first current">Story1</li>
      <div id="one">some content</div>
  <li class="first">Story2</li>
      <div id="two">some content</div>
  <li class="first">Story3</li>
      <div id="three">some content</div>
</ul>

Answer 1

首先，你需要修复你的标记，但我知道你得到了什么。您可以使用eq。

$('.storycontent').each(function (index) {
  ('#story-tabs ul li').eq(index).after($(this).html());
});

需要nth-child（）公式

1 个答案: