使用jquery过滤图像src中的单词

Question

我想在我的图片src筛选特定单词("无图像"),如果返回true,我想删除特定的图像,但保持图像的其余部分.

这是我的输出:

<div class="product">
  <div class="image">
   <img src="mytee-red.jpg">
   <img src="mytee-blue.jpg">
   <img src="mytee-black.jpg">
   <img src="mytee-no-image.jpg">
 </div>
</div>

这是我到目前为止所尝试的但似乎无法使其正常工作:

var keyword = "no-image";
 $(".product .image img").filter(function(index) {
    if ($(this).attr("src") == keyword) {
        $(this).remove();
    }
});

任何帮助都会很棒!!!

Answer 1

您可以将其简化为单个命令 -

$(".product .image img[src*='no-image']").remove();

包含选择器的jQuery属性将帮助您精确定位属性中包含文本"无图像"的确切元素src.

这是与值匹配的最慷慨的jQuery属性选择器.如果选择器的字符串出现在元素的属性值中的任何位置,它将选择一个元素.