Блог

Главная - Вопросы по программированию - Jquery, onclick, получить этот img src с помощью этого

Jquery, onclick, получить этот img src с помощью этого

#jquery

#jquery

Вопрос:

Я новичок в jquery и javascript, все, что я хочу сделать, это получить src изображения с помощью события onclick мышью. У меня уже есть функция (которая является openPicture ()), так есть ли какой-нибудь простой способ поместить src img внутри переменной в моей функции? Например, есть ли openPicture (this.src) или что-то в этомроде? Это то, что я пробовал, и это не сработало :

 var srcPicture = $(this).prop('src');

Мой html :

 <div id="mainPicture">
    <img src="/upload/inventaire/<?= $result->user_id; ?>/<?= $mainPicture; ?>" alt="Picture Car" onclick="openPicture(this.src);">
</div>
<div id="secondPictures">
    <div class="containerPicture"><img src="/upload/inventaire/<?= $result->user_id; ?>/<?= $picture[1]; ?>" alt="car picture list1" onclick="openPicture();" <?= $user->imageErreur(); ?>></div>
    <div class="containerPicture"><img src="/upload/inventaire/<?= $result->user_id; ?>/<?= $picture[2]; ?>" alt="car picture list2" <?= $user->imageErreur(); ?>></div>
    <div class="containerPicture"><img src="/upload/inventaire/<?= $result->user_id; ?>/<?= $picture[3]; ?>" alt="car picture list3" <?= $user->imageErreur(); ?>></div>
</div>

Комментарии:

1. Вы ответили на свой собственный вопрос, почему бы вам не попробовать openPicture(this.src) ? В качестве дополнительного примечания jQuery имеет простые в использовании обработчики событий, поэтому вам не нужно использовать встроенный javascript 1998 года.

2. Вы должны запускать click событие за ready событием. Также используйте attr вместо prop [если версия jquery > 1.7 ]

3. что вы подразумеваете под javascript 1998 года, lol?

Ответ №1:

Как сказал @adeneo, вам просто нужно создать функцию, которая принимает src изображения в качестве аргумента, например:

 var showImage = function(src) {
    $('#some_elem_id').after("<img src='"   src   "'/>");
}