получение адреса
237
12 августа 2017, 01:21
Есть блоки:
<div class="gallery-photos-block">
<div class="gallery-photos-block-active"></div>
<img src="/img/gallery/2.jpg" class="alignnone">
</div>
и есть код:
$(".gallery-photos-block").click(function(){
var img = $(this);
var src = img.attr('src');
где при клике должен происходить поиск src картинки.
var img = $(this); ищет в самом блоке (то есть после тега класс).
Как изменить код так, чтобы атрибут src искался в теге img внутри блока, на который кликнули, а не в самом блоке?
Answer 1
Решение:
$(".gallery-photos-block").on('click', function () {
var img = $(this).find('img');
var src = img.attr('src');
});
Answer 2
Обычно используют find:
$(".gallery-photos-block").click(function(){
var img = $(this).find('img'); // $('img', this)
var src = img.attr('src');
console.log(src);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gallery-photos-block">
clickable text
<div class="gallery-photos-block-active"></div>
<img src="/img/gallery/2.jpg" class="alignnone">
</div>Можно через children:
$(".gallery-photos-block").click(function(){
var img = $(this).children('img');
var src = img.attr('src');
console.log(src);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gallery-photos-block">
clickable text
<div class="gallery-photos-block-active"></div>
<img src="/img/gallery/2.jpg" class="alignnone">
</div>Answer 3
Вы хотите получить src картинки? Ну тогда получайте src картинки, а не пытайтесь найти src у div.
$(".gallery-photos-block").click(function(){
var src = $(this).find.('.alignnone').attr('.src');
}
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49911 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25874 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10662 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 19.12.2025 | 16:41