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

Question

大家好我如何检查如果点击img src包含特定文本，如果然后执行某些功能？

示例：

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

如果点击img src包含'dog'之类的话，那么

运行警告吗？

Answer 1

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

Answer 2

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

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

});

Answer 3

试试这个

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

Answer 4

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

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
    }
});