Как выбрать один из группы элементов, используя Jquery?

Question

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

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

.. / общий / изображения / plus.jpg

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

Я добавил

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

Однако я получил ошибку

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

Answer 1

Если вы действительно хотите выбрать по src, это должно сделать это:

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

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

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

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

$('#imgPlus')

Answer 2

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

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

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

Answer 3

Самый простой способ - предоставить изображение с идентификатором типа

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

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

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