-3

以下のコードを使用して、divの束を1つずつコピーし、それぞれのリスト内に貼り付けようとしています

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>
4

1 に答える 1

1

まず、マークアップを修正する必要がありますが、私はあなたが何を得ているか知っています。これに使えますeq。

$('.storycontent').each(function (index) {
  ('#story-tabs ul li').eq(index).after($(this).html());
});
于 2013-05-08T10:52:24.347 に答える