javascript - 如何在 html 标签中查找字符串并使用 javascript/jquery 替换

Question

我不知道如何在 html 标签中找到一个字符串并将其替换为另一个字符串。我将通过一个例子来展示它。

我有类似的东西

<a class="test" data-value="/content/dam/tetris-templating/framework/svg/ic-editorial-07.svg"></a>

我也想得到这样的效果

<a class="test"> <img-src="/content/dam/tetris-templating/framework/svg/ic-editorial-07.svg"></a>

有人知道吗？对于我的英语水平，我感到很抱歉。

Answer 1

您可以先附加 img，然后删除属性data-value。

请参阅下面的代码:

$("a").append(function(){
  return '<img src="'+$(this).attr("data-value")+'">';
}).removeAttr("data-value")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="test" data-value="/content/dam/tetris-templating/framework/svg/ic-editorial-07.svg"></a>