javascript - クリックした場合imgsrcに特定のテキストが含まれている

Question

こんにちは、どうすればクリックしたimg srcに特定のテキストが含まれているかどうかを確認できますか？

例：

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

クリックしたimgsrcに「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
    }
});