jquery - 使用 jQuery 在 "n"元素后添加一些内容

Question

对于像这样的标记

<div id="holder">
    <div>div 1</div>
    <div>div 2</div>
    <div>div 3</div>
    <div>div 4</div>
</div> 

例如，如何在第二个 DIV 之后添加一些标记？

Answer 1

尝试CSS selector :nth-child() :

$("#holder > div:nth-child(2)").after("<div>foobar</div>");

另请参阅 jQuery page of the :nth-child() selector 上的示例.