Question

如果父div中有超过4个链接用jQuery，我试图在div中包含链接：

<div class="acclinks">
  <a href="#">1</a>
  <a href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">7</a>
  <a href="#">8</a>
</div>

我想这样：

<div class="acclinks">
  <a href="#">1</a>
  <a href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <div class="more">
    <a href="#">5</a>
    <a href="#">6</a>
    <a href="#">7</a>
    <a href="#">8</a>
  </div>
</div>

Answer 1

使用:gt()选择器，选择索引大于该特定数字的元素。然后使用.wrapAll()将所选元素包装在新的html中。

$(".acclinks a:gt(3)").wrapAll("<div class='more'></div>");

$(".acclinks a:gt(3)").wrapAll("<div class='more'></div>");

.more { border: 1px solid red }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="acclinks">
   <a href="#">1</a>
   <a href="#">2</a>
   <a href="#">3</a>
   <a href="#">4</a>
   <a href="#">5</a>
   <a href="#">6</a>
   <a href="#">7</a>
   <a href="#">8</a>
</div>

如何用div包装其他链接？

1 个答案: