0

Есть блоки:

<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 внутри блока, на который кликнули, а не в самом блоке?

2
  • Раз десять прочитал вопрос и не понял. Как задать ему, - задать кому? Задать что? Задать где? 11 авг 2017 в 8:11
  • Изменил немного) 11 авг 2017 в 8:14

3 ответа 3

3

Решение:

$(".gallery-photos-block").on('click', function () {
    var img = $(this).find('img');
    var src = img.attr('src');
});
0
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>

2
  • Спасибо большое)) 11 авг 2017 в 8:20
  • а можно var src = $('img', this).attr('src'); 11 авг 2017 в 8:20
0

Вы хотите получить src картинки? Ну тогда получайте src картинки, а не пытайтесь найти src у div.

$(".gallery-photos-block").click(function(){
        var src = $(this).find.('.alignnone').attr('.src');
}
3
  • я не особо в джаве )) логику пониаю а вот теги не знаю какие есть и за что они отвечают) 11 авг 2017 в 8:22
  • 1
    Java и JavaScript абсолютно разные языки
    – Oleg
    11 авг 2017 в 8:24
  • А тут так вообще jquery ) 11 авг 2017 в 8:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.