.wrapAll 除了通用包装器中的一个答案

【问题标题】：.wrapAll except one inside a general wrapper.wrapAll 除了通用包装器中的一个
【发布时间】：2013-07-16 17:00:48
【问题描述】：

我有一组生成的 div 宽度相同，其中包含一个标题和一系列链接。由于某种原因，最后隐藏了一个标题。

它们看起来像这样：

<div class="wrapper">
  <label class="Descr">List Header </label>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <label class="Descr2" style="display:none">Hidden List Header</label>
</div>
<div class="wrapper">
  <label class="Descr">List Header </label>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <a href="#">List item </a>
  <label class="Descr2" style="display:none">Hidden List Header</label>
</div>

我得到了大约三四个这样的实例。请注意，我无法更改代码。

现在我想将每个父级中的 achors 包装在一个 div 中，以便能够向其添加 jQuery 滚动。

但是使用.wrapAll 之类的东西会将所有锚点移动到一个 div 中并清空其他的。

jQuery('.wrapper a').wrapAll('&lt;div class="content"&gt;&lt;/div&gt;');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
  <label class="Descr">List Header </label>
  <div class="content">
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
    <a href="#">List item </a>
  </div>
  <label class="Descr2" style="display:none">Hidden List Header</label>
</div>
<div class="wrapper">
  <label class="Descr">List Header </label>

  <label class="Descr2" style="display:none">Hidden List Header</label>
</div>

任何人都知道如何单独定位 div，即使我只定义了通用类并使 acnhors 留在他们的父母中？

【问题讨论】：

标签： javascript jquery wrapper wrapall

【解决方案1】：

$('.wrapper').each(function() { 
    $('a', this).wrapAll('<div class="content"></div>');
});

【讨论】：