我有一组生成的 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 留在他们的父母中?