我需要在src图像中找到这个单词500x462并将其删除。现在图像以500x462 + jpg结束,我希望它以图像名称+ jpg结束
我忘了说网站是由php生成的wordpress主题,所以我需要在php之后运行脚本
下面是我想要改变的代码示例
答案 0 :(得分:2)
使用正则表达式:
$("img").each(function(){
$(this).attr('src', $(this).attr("src").replace(/[\d]{3}x[\d]{3}/, ''));
});
这将删除所有图片src
属性中 [3位数] [字母x] [3位数]的任何序列。
答案 1 :(得分:1)
使用jquery和.replace()
,例如:
HTML:
<img src="http://www.placehold.it/500x462.jpg">
JQuery的:
var string = $("img").attr("src");
var new_string = string.replace('500x462', '');
alert(new_string);
工作DEMO。
答案 2 :(得分:1)
假设图像src总是以文件扩展名结束。
<img src="ABC500x462blah500x462.jpg">
<script>
var src = $('img').attr('src');
var textToCheck = '500x462';
$('img').attr('src', src.split('.')[0].replace(new RegExp(textToCheck +"$"),"") // check for the text occurring at the end
+ "." + src.split('.')[1]);
alert($('img').attr('src'));
</script>
答案 3 :(得分:0)
我写了一个快速的jQuery函数来为你做这个。第一个参数是jQuery选择器,第二个参数是您要删除的字符串。
window.srcRemoveString = function(selector, string) {
$(selector).each(function(){
var src = $(this).attr('src');
var filename = src.split('/');
filename = filename[filename.length - 1];
var newFilename = filename.replace(string, '');
$(this).attr('src', src.replace(filename, newFilename));
});
}
srcRemoveString('img', '500x462');
答案 4 :(得分:0)
在图像源中拆分文本的最佳方法
jQuery(".size-post-thumbnail").each(function(){
let src = jQuery(this).attr("src").split("-220x146");
src = src[0]+src[1];
jQuery(this).attr("src", src);
jQuery(this).removeAttr('srcset');
});