jquery在src上找到特定的单词并将其删除

时间:2016-11-01 17:28:33

标签: javascript jquery image

我需要在src图像中找到这个单词500x462并将其删除。现在图像以500x462 + jpg结束,我希望它以图像名称+ jpg结束

我忘了说网站是由php生成的wordpress主题,所以我需要在php之后运行脚本

下面是我想要改变的代码示例

5 个答案:

答案 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>

示例:https://jsfiddle.net/mu2d6qr7/

答案 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');
            });