Как выбрать одну из группы элементов с помощью JQuery?

Question

<img style="cursor: pointer" src="../common/images/plus.jpg"/> View History($revisions) 

Как выбрать изображение выше? Я хочу, чтобы выбрать изображение с источником

../common/images/plus.jpg

и, конечно, изображение должно быть интерактивным.

Я добавил

<script> 
$("img[src=../common/images/plus.jpg]").click(function(){ 
    alert("ok"); 
}); 
</script> 

Однако, я получил сообщение об ошибке

Ожидается идентификатор или строка для значения в селектор атрибута, но обнаружил ''

Answer 1

Если вы действительно хотите, чтобы выбрать ЦСИ это следует сделать это:

$('[src=../common/images/plus.jpg]') 

... но вы бы лучше дать ему идентификатор - это более надежно и быстрее.

<img id="imgPlus" style="cursor: pointer" src="../common/images/plus.jpg"/> View History($revisions) 

затем, чтобы выбрать его можно просто сказать:

$('#imgPlus') 

Answer 2

Самый простой способ заключается в создании изображения с идентификатором, как

<img id="imgClick" style="cursor: pointer" src="../common/images/plus.jpg" /> 

и вы можете кодировать как этот

$("#imgClick").click(function(){ 
}); 

Answer 3

Использование jQuery вы можете использовать атрибут CSS3 te selector, чтобы найти изображение:

$('img[src="../common/images/plus.jpg"]').click(function() { 
    //handle click event here 
}); 

Надеюсь, это поможет!