javascript - 通过 jQuery 更改 src 值

Question

我有一个像这样的 jQuery 变量 merImg

var merImg = '<a href="http://xxx.com"><img src="http://om.com/pion/thumbnail/11x65/aa/img.jpg" border="0" align="left" height="11" width="65"></a>';

我想使用 jQuery 将 src 中的 thumbnail/11x65 替换为 image/40x。有正则表达式可以更轻松地做到这一点吗？或者有任何逻辑可以改变它吗？

我还想删除 img 标签的高度和宽度属性。我该怎么办？

Answer 1

您可以使用标准replace() JavaScript 方法:

merImg = merImg.replace('thumbnail/11x65', 'image/40x');

作为第一个参数，您也可以传递这样的 regExp

   merImg = merImg.replace(/your regexp/, 'image/40x');

要在这种情况下删除高度和宽度，您可以将它们替换为空字符串:

merImg = merImg.replace('width="65"', '');
merImg = merImg.replace('height="11"', '');

我不是正则表达式方面的专家，但您可以编写通用正则表达式来去除字符串中的宽度和高度属性。

还有很多人(正确地)建议您应该使用 HTML 解析器来解析 HTMl。如果您需要更多信息，请尝试用 google 搜索

但在这个特殊情况下，我写的应该有效