如果图像名称包含使用javascript的XX，如何将CSS样式添加到div

Question

如果图像名称包含某个字符串，我正在尝试为图像的父div添加特定宽度。有人可以帮忙吗？ 我想使用类似的东西：

$(".imageBox img").each(function(){ if ($(this).attr('src') == "image1.jpg"){ $(this).parent().css('width', '60px'); } })

但我不是要找到整个图像src，而是想确定图像名称是否以＆＃39; _60x70.gif＆＃39;

结束。

非常感谢任何帮助。

谢谢！

Answer 1

您可以轻松地使用结尾 - 使用属性选择器

在单行中执行此操作

$('.imageBox img[src$="_60x7-.gif"]').parent().css('width', '60px');
// simple!! no need of if condition and each

但是如果你想要你当前的方法，那么你可以很好地使用正则表达式

$(".imageBox img").each(function(){
    if (/_60x70\.gif$/.test($(this).attr('src'))){
        $(this).parent().css('width', '60px');
    }
});

Answer 2

实现相同目标的另一个简洁版本：

$('.imageBox:has(img[src$="_60x70.gif"])').width(60);