javascript - 将 anchor 标记转换为嵌入 jquery

Question

我想将带有嵌入标签的 href 中包含 .pdf 的 anchor 转换为 src

<a href="www.google.com/pdf">Hello this is test</a>

这需要在嵌入标记中进行更改:如下输出

<embed src="www.google.com/pdf">

Answer 1

要实现此目的，请使用replaceWith()。为返回新内容的方法调用提供一个函数，如下所示:

$('a').replaceWith(function() {
  return `<embed src="${this.href}" />`;
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://www.google.com/pdf">Hello this is test</a>

请注意，您需要在绝对 URL 中包含协议(protocol)。以 www 开头是行不通的。