删除 DOM ready 上的凌乱图像标签并使用 JS 正确设置

remove messy image tag on dom ready and set proper using js

本文关键字：JS 设置 标签 图像 ready DOM 删除      更新时间：2023-09-26

我正在使用微型mce编辑器来格式化内容并对齐图像。在查找 html 源代码时设置图像对齐后，我的代码片段如下所示

<img width="200" height="100" alt="" src="/images/SomeImage.jpg" left;"="">

所以我试图将javascript放在页面底部以删除图像左属性并放置这样的正确属性

$('img[left'';]').removeAttr('left').attr("align","left");

但我的图像保持不变（没有正确的对齐）。如何删除这个凌乱的图像标签并在 dom ready 上正确设置。

附言请不要建议我首先调查为什么会这样呈现。

谢谢

这将为您完成...

$("img").each(function() {
    this.outerHTML = this.outerHTML.replace('left;"=""', '');
});

它获取每个图像的原始html，并替换您拥有的狡猾属性。 只要您确定它将始终是确切的文本，那么这将解决它。

不过，还有

另一个问题，可能会或可能不会引起问题。 图片标签未正确关闭。 我认为这也是编辑器中的一个错误，但显然不能在不了解更多的情况下确定。

相关文章：