使用 jQuery 包装方法对链接进行有用的扩展

Question

我有以下HTML结构：

<ul>
<li class="list">
<a href="link1"> Text1 </a>
<li class="list">
<a href="link2"> Text2 </a>
</ul>

现在，我不仅要链接文本，还要将完整的<li>- 元素与<a>- 元素中已有的链接链接。

我想到了jQuery，并包含了以下脚本：

jQuery(".list").wrap("<a href='static_URL'></a>");

链接已经与jQuery代码一起使用。我只是不知道如何从<a>- 标签中获取 URL 作为变量并将其替换为"static_url"。

Answer 1

我理解了多少你的问题，你想把每个列表项包装在一个锚标签中，你想把那个锚网址作为主容器 URL？ 如果这是问题，那么这可以解决您的问题。

$(".list").each((i, list) => {
let url = $(list).find("a").attr('href');
$(list).wrap(`<a href="${url}"></a>`);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li class="list">
<a href="link1"> Text1 </a>
<li class="list">
<a href="link2"> Text2 </a>
</ul>