无法使用 jQuery 删除 img 的属性

蒂莉

我有一个 HTML 字符串,我想在将它发送到服务器之前对其进行编辑。html 字符串包含一个或多个 img 元素。在这些图像元素中,我想删除src属性,它是一个 base64 字符串。

不幸的是,似乎使用下面的代码删除了整个图像元素。有人可以看到我做错了什么吗?

post.content 是 html 字符串。我想在这个字符串中找到图像元素,然后为每个图像更改其src属性

// Remove the base 64 src
const $content = $(post.content);
const $img = $content.find('img');
$img.each(function(i) {
    $(this).attr('src', 'dummy');
});
post.content = $content.html();
console.log(post.content);

当我使用上面的 jQuery 时 post.content 日志的结果

<br>

当我不使用上面的 jquery 时 post.content 的结果,一个普通的 html 字符串和带有 base64 src 的 img

在此处输入图片说明

编辑1:我做的的console.log $content,下面是一个的console.log$img以及

在此处输入图片说明

lthh89vt

由于您post.content包含多个节点。所以当jquery解析它时,它会返回一个由多个<p>节点组成的数组

那么最后一个post.content = $content.html();将只包含第一个节点的内容。

尝试将整个 post.content 包裹在这样的 a 中<div>

const $content = $("<div>").html(post.content);

在此处查看完整代码:https : //jsfiddle.net/vzxq0ckf/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法使用jQuery removeProp()删除“ lang”属性

来自分类Dev

使用jQuery删除只读属性

来自分类Dev

使用jQuery删除只读属性

来自分类Dev

使用jQuery将属性动态添加到img元素后,Bootstrap轮播无法正常工作

来自分类Dev

如何使用JQuery从img标记中删除内联样式?

来自分类Dev

如何使用JQuery从img标记中删除内联样式?

来自分类Dev

如何使用jQuery删除img周围的P标签?

来自分类Dev

使用attr jquery删除样式属性

来自分类Dev

使用jQuery克隆表单并删除属性

来自分类Dev

使用jQuery删除和添加属性ID

来自分类Dev

使用jQuery添加和删除属性

来自分类Dev

使用attr jquery删除样式属性

来自分类Dev

如何使用 JQuery 按属性删除元素

来自分类Dev

如何使用 JQuery 删除属性“只读”

来自分类Dev

用jQuery获取img属性

来自分类Dev

删除jQuery属性

来自分类Dev

使用jQuery重叠img

来自分类Dev

在jQuery中通过alt属性定位<img>

来自分类Dev

在 JQuery 中动态更改 img src 属性

来自分类Dev

使用CSS放置img属性

来自分类Dev

AttributeError:无法删除属性

来自分类Dev

如何使用jQuery删除提交按钮的悬停属性?

来自分类Dev

如何使用Jquery删除隐藏输入字段的Name属性?

来自分类Dev

如何使用jquery从我的选择框中删除Disabled属性?

来自分类Dev

使用jQuery从“ src”属性中删除一些文本

来自分类Dev

使用Jquery删除同一属性中的元素

来自分类Dev

用属性jQuery删除li

来自分类Dev

jQuery显示删除显示属性

来自分类Dev

jQuery显示删除显示属性