0

我有一组生成的 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('<div class="content"></div>');
<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 留在他们的父母中?

4

1 回答 1

4
$('.wrapper').each(function() { 
    $('a', this).wrapAll('<div class="content"></div>');
});
于 2013-07-16T17:06:26.923 回答