javascript - 如果单击 img src 包含特定文本

Question

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

例子：

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

如果单击 img src 包含类似的“狗”，则运行警报？

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