javascript - 将所有 标签替换为 img 替代文本

Question

我知道如何在 php 中执行此操作，但我需要在 javascript/jquery 中完成此操作。

我正在尝试执行以下操作:

$('#NewBox').html( $('#OldBox').html().Replace('/<img(.*)alt="(.*)"\>/g', "$2") );

我不认为javascript有preg_replace，我只知道replace方法。使用“g”应将所有实例替换为正则表达式中的第二个参数(即 alt)。知道为什么这不起作用吗？

更新:(希望这能更好地理解我想要的)

我有一个这样的字符串:

var str = 'This is a string with <img src="./images/logo.png" alt="logo" /> an image'

我想用 alt 替换该字符串内的所有标签，所以现在是:

'This is a string with logo an image'

Answer 1

Don't use regular expressions to manipulate HTML 。使用 DOM。在处理客户端 JavaScript 时，情况会加倍，因为编辑 HTML 可能会破坏事件处理程序绑定(bind)。

只需获取每个图像，循环遍历每个图像，然后替换为 alt 属性的值。

$('img').each(function () {
  $(this).replaceWith(
    $(this).attr('alt')
  );
});