添加 link 文本以跨越 class 名称

Question

我有一个 link 的列表。我希望 link 文本作为跨度跨度数据悬停名称插入。请告诉我我该怎么做。谢谢！

我有：

<a href="#">Paris</a>
<a href="#">London</a>
<a href="#">Berlin</a>

我想要的：

<a href="#"><span data-hover="Paris">Paris</span></a>
<a href="#"><span data-hover="London">London</span></a>
<a href="#"><span data-hover="Berlin">Berlin</span></a>

Answer 1

下面的代码可以工作-

var links = document.querySelectorAll('a.className');
for (i = 0; i < links.length; i++) {
  links[i].innerHTML = '<span data-hover="' + links[i].innerHTML + '">' + links[i].innerHTML + '</span>'
}

<a href="#">Paris</a>
<a href="#" class="className">London</a>
<a href="#">Berlin</a>

添加 link 文本以跨越 class 名称

Add link text to span class name

html

jquery