在元素内部移动 DIV

雷克斯赫皮

考虑这样的事情

<div class="wrapper">
  <div class="items">Item 1</div>
  <div class="items">Item 2</div>
  <div class="items">Item 3</div>
  <div class="items">Item 4</div>
  <div class="items">Item 5</div>
  <div class="items">Item 6</div>
</div>

如果包装器 > 3，我尝试放置一个 DIV，如果包装器 > 5，则放置一个 DIV

  <div class="d1">ADS</div>
  <div class="d2">ADS</div>

我的代码应该是这样的：

<div class="wrapper">
  <div class="items">Item 1</div>
  <div class="items">Item 2</div>
  <div class="items">Item 3</div>
  <div class="d1">ADS</div>
  <div class="items">Item 4</div>
  <div class="items">Item 5</div>
  <div class="d2">ADS</div>
  <div class="items">Item 6</div>
</div>

我正在使用 jQuery 的 appendTo() 方法，但认为我无法达到我想要的解决方案。

$(function() {
  var numItems = $('.wrapper').length;
  if(numItems > 3) {
      $(".d1").appendTo(".wrapper .items");
  }
});

马达利尼瓦斯库

使用nth-child选择器和insertAfter函数

$(".d1").insertAfter('.items:nth-child(3)');
$(".d2").insertAfter('.items:nth-child(6)');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="items">Item 1</div>
  <div class="items">Item 2</div>
  <div class="items">Item 3</div>
  <div class="items">Item 4</div>
  <div class="items">Item 5</div>
  <div class="items">Item 6</div>
</div>
 <div class="d1">ADS</div>
  <div class="d2">ADS</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。