需要第n个孩子（）公式

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()); 
});