如果点击的img src包含特定文本

Question

大家好，我该如何检查所点击的图像（img)标签的src属性中是否包含特定文本，如果存在，则执行一些功能?

示例:

<img src="file:///C:/path/img4-dog.jpg">, <img src="file:///C:/path/img4-cat.jpg">

如果所点击的图像（img）标签的src属性中包含'dog'等文本，则运行警报提示。

- test

Answer 1

$('img').click(function(){
   if (this.src.indexOf("dog") != -1) 
      alert('contains dog');
})

- Claudio Redi

Answer 2

$('img').click(function(e) {

    if ($(this).attr('src').indexOf('dog') != -1) {
        alert('this contains dog');
    } 

});

- Gabriel Florit

Answer 3

试试这个

$('img').click(function(){
   if($(this).attr('src').toLowerCase().indexOf("dog") >= 0){
       alert('text found');
     }
});

- Hazem Salama

Answer 4

$('img').click(function(){
    if($(this).attr('src').indexOf('img4-dog') >= 0) alert('found');
});

- Alex

Answer 5

$('img').on('click', function() {
    var imgsrc = $(this).attr('src');
   // Use a regular expression to find a match
    var test = imgsrc.search(/dog/);
    if (test > -1) {
      // do something
    }
});

- Stuiterbal