使用JavaScript或jQuery重新排列某些HTML元素的顺序(没有id可引用)
使用JavaScript或jQuery重新排列某些HTML元素的顺序(没有id可引用)
提问于 2022-09-26 06:55:00
是否有办法使用JavaScript或jQuery重新排列某些HTML元素的顺序？
由此：
<div class="link-wrap">
<a href="#">001</a>
<a href="#">002</a>
<a href="#" class="move-this">003</a>
<a href="#" class="move-this">004</a>
<a href="#" class="move-this">005</a>
</div>看起来像这样：
<div class="link-wrap">
<a href="#" class="move-this">003</a>
<a href="#" class="move-this">004</a>
<a href="#" class="move-this">005</a>
<a href="#">001</a>
<a href="#">002</a>
</div>这意味着带有类<a>的move-this将在其他类之前按其原始顺序移动。
挑战在于，由于某些限制，无法更改现有的HTML代码，甚至无法向其添加类或属性。所以，在经过一些研究和测试之后，还不知道如何去做。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-09-26 06:59:11
您可以使用jQuery prepend将所需的元素移动到.link-wrap div的开头：
$('.link-wrap').prepend($('.link-wrap .move-this'))<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="link-wrap">
<a href="#">001</a>
<a href="#">002</a>
<a href="#" class="move-this">003</a>
<a href="#" class="move-this">004</a>
<a href="#" class="move-this">005</a>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73850494
复制相关文章
相似问题
腾讯云开发者
