jQuery删除部分图像源

Question

$('.modal-left img').data('src').replace('-90x67','');

  

未捕获的TypeError：无法调用未定义的方法'replace'

使用上面的代码我试图从指定的图像源中删除-90x67。我无法使用它，有人可以协助吗？

Answer 1

尝试.attr()

$('.modal-left img').attr('src').replace('-90x67','');

<小时/> 或者更好.prop()

$('.modal-left img').prop('src').replace('-90x67','');

<小时/> 如果要替换它，请使用并设置已替换的src

.prop( propertyName, value )

$('.modal-left img').prop('src',function(_,old){
   return old.replace('-90x67','');
});

---

阅读.data()

Answer 2

尝试在此处使用attr()：

$('.modal-left img').attr('src').replace('-90x67','');

改为

或prop()：

$('.modal-left img').prop('src').replace('-90x67','');

只有将图像源放在data-src属性

中时，您的代码才有效

<img data-src="Your image src here" src="Your img src here" />

Answer 3

试

var test=$('.modal-left img').attr('src').replace('-90x67','');

$('.modal-left img').attr('src',test);

Answer 4

您可以按如下方式操作图像attr：

// To Change It
$('#test img').attr('src', 'new value');

// To Remove It
$('#test img').removeAttr('src');

实施例： http://jsfiddle.net/AAyss/1/