Как получить атрибут div без ID

Question

Мой сайт содержит много изображений, и поэтому я не могу дать идентификатор для каждого изображения, это будет утомительная задача. Мне нужно получить исходный атрибут тега изображения, но я не могу сделать это без 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 FIDDLE LINK

Answer 1

попробуйте что-нибудь подобное. Потому что вы прошли объект изображения, но не используется в функции

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

Answer 2

Чтобы просто исправить код, вам нужно передать управление на яваскрипт функции:

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

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

Answer 3

В вашем примере вы должны поместить щелкнул объект в качестве параметра для функции:

function imageInfo(img) 
{ 
    alert(img.src); 
} 

Answer 4

Поскольку вы помечено это как 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')); 
    }); 
}); 

Answer 5

проверить слежение г Js скрипку

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

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

Является ли это то, что вы want..if вы не можете быть более конкретным?

Answer 6

С вашей скрипки,

function imageInfo(this) 
{ 
    alert('image'); 
    alert(this.src); 
} 

Это произошло из-за this является зарезервирован ключевым словом.

function imageInfo (e) 
{ 
    alert('image'); 
    alert(e.src); 
} 

Также onclick не onClick, чтобы знать причину проверить это SO answer

проверить это Fiddle

Answer 7

http://jsfiddle.net/LgLzh/25/

Из-за нескольких причин, вы должны определить функцию в окне площадь.

window.imageInfo = function (source) { 
    alert('image'); 
    alert(source); 
} 

Answer 8

Вы всегда можете это сделать:

HTML

<img src="https://www.google.ca/images/srpr/logo4w.png" width='100' height='100' alt="Sample image"> 

JavaScript

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

http://jsfiddle.net/QB6Da/

Answer 9

Попробуйте это. Это будет помощь для вас

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

Demo Here

Answer 10

Это поможет вам src каждого изображения щелкнул на этой странице. Для этого вам нужно jQuery.

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

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

Answer 11

Попробуйте

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

Answer 12

Использование 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); 
}); 

Fiddle: http://jsfiddle.net/yL5cf/6/

Answer 13

Попробуйте

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

не забудьте в clude jquery, чтобы запустить это. Вот скрипка http://jsfiddle.net/LgLzh/44/

Answer 14

Это то, что вы можете сделать ...

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

Answer 15

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

другие ответы короткие и правильно, но упаковывают вы хотите использовать JQuery ...

$(document).ready(function(){ 
    function imageInfo(img) 
     { 
      var src = $(img).attr("src"); 
      alert(src); 
     }; 
    $(".img").click(function(){ 
     imageInfo(this); 
    }); 
}); 

а также "это" зарезервированное ключевое слово.