4

私のウェブサイトにはたくさんの画像が含まれているため、各画像に ID を与えることができず、退屈な作業になります。イメージタグのソース属性を取得する必要がありますが、ID がないと取得できません。attr() と getAttribute() を試しましたが、うまくいかないようです。

マイコード

<img src="./images/image1.jpg" width='100' height='100' alt='Sample image' onClick='imageInfo(this);'>

<script>
function imageInfo()
{
    alert(this.src);
}
</script>

イメージタグのソースを取得しようとしていますが、来ていません.jsfiddleでも試しましたが、機能していません.

JSフィドルリンク

4

15 に答える 15

1

これsrcにより、ページでクリックされた各画像の が取得されます。ただし、これを機能させるには jQuery が必要です。

$('img').on('click', function (event) {
    console.log(event.target.src);
});

http://jsfiddle.net/LgLzh/42/

于 2013-08-28T06:57:40.640 に答える
1

これを試して

 $('img').on('click',function(){
            alert($(this).attr('src'));
        });
于 2013-08-28T06:58:30.813 に答える
1

onclick function小さな変更を加えると悪夢に見舞われるため、すべてを使用するのimg tagsは良い方法ではありません。クラスを追加し、jquery を使用してこれを機能させることができます。以下を参照してください。

class属性の使用:

<img src="http://4.bp.blogspot.com/-uyvTMZ3dFPs/UKHsc_ZbysI/AAAAAAAACvo/QdVAlVBbUxE/s320/1hello.jpg" class="image"/><br>
<img src="http://hearstcommerce.ca/customcontent/members/premium/sample.jpg" class="image" /><br>
<img src="http://www.find-a-job-online.org/images/picture.gif" class="image"/>

脚本 ：

$(".image").click(function(){
   var src = $(this).attr('src');
   alert("SRC = " + src);
});

フィドル: http://jsfiddle.net/yL5cf/6/

于 2013-08-28T06:59:27.643 に答える
1

これを試して。これはあなたの助けになります

  $('img').click(function() {
        alert(this.src); 
});

デモHere

于 2013-08-28T06:56:26.997 に答える
1

これをjQueryとしてタグ付けしたので、これはうまくいくはずです:

http://jsfiddle.net/LgLzh/20/

$(function() {
    $('img').each(function() {
        console.log($(this).attr('src')); 
    });
});

または、クリックされたときに反応したい場合はこれ：http://jsfiddle.net/LgLzh/26/

$(function() {
    $('img').on('click', function() {
        console.log($(this).attr('src')); 
    });
});
于 2013-08-28T06:50:45.623 に答える
0

これを試して

<img src="http://4.bp.blogspot.com/-uyvTMZ3dFPs/UKHsc_ZbysI/AAAAAAAACvo/QdVAlVBbUxE/s320/1hello.jpg" width='400' height='400' alt='Sample_image'>

$(document).ready(function(){
    $('img').click(function(e){        
        alert($(this).attr('src'));
    });
});

これを実行するためにjqueryを含めることを忘れないでください。ここにフィドルがありますhttp://jsfiddle.net/LgLzh/44/

于 2013-08-28T07:00:29.387 に答える
0

これはあなたができることです...

$('img').bind('click',function(){ console.log($(this).attr('src')); });

于 2013-08-28T07:13:17.743 に答える
-1

次の Js フィドルを確認してください

http://jsfiddle.net/LgLzh/22/

$('img').filter(function(){
        alert($(this).attr('src'));
    });

これはあなたが望むものですか..そうでない場合は、より具体的にできますか?

于 2013-08-28T06:51:33.320 に答える