javascript - 如何从 anchor 标记中提取 href 值并作为文本插入？

Question

这个问题已经有答案了:

replace anchor text with jquery (5 个回答)

已关闭 3 年前。

如果我有 html 代码:

<a href="google.com" class='link'>hi</a>

如何提取 href 值并将其添加为文本:

<a href="google.com" class='link'>hi google.com</a>

我看过很多关于提取 href 值的帖子，但我不确定如何将其作为文本插入。谢谢。

Answer 1

你可以这样做:

$('.link').text(function() {
  return $(this).text() + " " + $(this).attr("href");
})

演示

$('.link').text(function() {
  return $(this).text() + " " + $(this).attr("href");
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="google.com" class='link'>hi</a>