javascript - 使用 jquery 基于 alt 文本向一些图像添加一个类？

Question

如何使用 jquery 根据 alt 文本向某些图像添加类？

这是图像的示例：

<img border="0" src="images/Product/icon/26086_1_.jpg" 
alt="Show Picture 1" onclick="setcolorpicidx_26086(1);" 
style="cursor:hand;cursor:pointer;">

所以如果替代文本包含“显示图片”然后添加一个类image-nav

Answer 1

您还可以使用过滤器：

$('img').filter(function() {
    return $(this).prop('alt').indexOf('Show Picture')!=-1;
}).addClass('image-nav');

Answer 2

$('img[alt^="Show Picture"]').addClass('image-nav');

使用以选择器开头的属性

或者

$('img[alt*="Show Picture"]').addClass('image-nav');

使用属性包含选择器

Answer 3

您想使用以选择器开头的属性 [name^="value"]

$('img[alt^="Show Picture"]').addClass("image-nav");