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
3

Обычно используют 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 that you have read and understand our privacy policy and code of conduct.

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