Как обратиться к картинке, лежащей на несколько уровней выше?

196

31 мая 2018, 10:00

Уже битый час ломаю голову над задачей: обратиться к картинке, лежащей на несколько уровней выше.

HTML:

       <div class="portfolio-item photo">
          <div class="portfolio-info">
            <span class="info">
              <h3>Название проекта</h3>
              <p>Web-сайт</p>
              <hr>
              <div class="btn-open-img" href="#"></div>
            </span>
          </div>
          <img src="img/photo/001.jpg" alt="Photo 1">
        </div>

JavaScript:

$(".btn-open-img").click(function(){
  var img = $(this); // тут надо
});

Нужно получить в переменную "img" не кнопку (.btn-open-img), а "". Это необходимо будет, чтобы получить путь картинки.

Answer 1

$(".btn-open-img").click(function(){
  var img = $(this).closest(".portfolio-item").find("img"); // тут надо
});

Answer 2

$(".btn-open-img").click(function(){ 
  var img = $(this).closest(".portfolio-item").find("img"); // тут надо 
  console.log("src", img.attr('src')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="portfolio-item photo"> 
  <div class="portfolio-info"> 
    <span class="info"> 
      <h3>Название проекта</h3> 
      <p>Web-сайт</p> 
      <hr> 
      <a class="btn-open-img" href="#">click me</a> 
    </span> 
  </div> 
  <img src="img/photo/001.jpg" alt="Photo 1"> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

При возврате в RecyclerView он пустой

Есть простой RecyclerView в котором выводится список публикацииПри нажатию на каждую из них я перехожу на новый активити

224

Java

как отсортировать логи

Задача: есть папка с каталогами и подкаталогами в которых находятся файлы с логамиНужно отфильтровать и записать в отдельный файл непустые...

216

Java

Как залогиниться в gmail.com с помощью Selenium Webdriver +Java

224

Java

YouTube Data API v3 Queries per day

Подскажите пожалуйста можно ли как то увеличить квоту на использование YouTube Data API v3, а то просто 1 млн в день мне не хватаетМожет можно хотя...

201