使用jquery在前三个div中添加一个div

Question

我想用jquery在前三个div中添加一个新的div.有没有办法做到这一点:css中的nth-child？

我的例子html:

<div class="wrapper">
  <div class="box"><!-- add div --></div>
  <div class="box"><!-- add div --></div>
  <div class="box"><!-- add div --></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

我知道的事情如下:

<script>
$( ".wrapper .box" ).append( "<div>Hello</div>" );
</script>

...但是这会在所有div中添加新的div;(.

Answer 1

您可以使用:lt()选择器

$(".wrapper .box:lt(3)").append("<div>Hello</div>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>