Как работать с одним элементом с помощью jQuery?

Question

[Вениамин Смирнов]

Привет. Есть код на изменение видимости блока при ховере:

$(document).ready(function(){
	$('.place').hover(
		function () {
			$('.place-hover').css('opacity','1');
		},
		function () {
			$('.place-hover').css('opacity','0');
		}
	);
});

HTML:

<a href="#">
            <div class="place">
              <div class="place-hover">
                <h4>Grid project<br>gallery</h4>
                <p>branding / print</p>
                <button></button>
              </div>
              <img src="img/item5.jpg" class="img-responsive" alt="">
            </div>
          </a>

Проблема в том, что он срабатывает на всех элементах, у которых есть класс .place - это меня не устраивает, нужно, чтобы новый элемент появился только на выбранном блоке.

P.S. Пробовал реализовать подобное при наведении на блок .place-hover, но он меньше, чем родительский блок, поэтому возникают некоторые неудобства, когда он появляется, если навести мышку в определённую область родительского блока.

Answer 1

[Сергей Горностаев]

Самый частозадаваемый вопрос на Тостере.

$(document).ready(function(){
  $('.place').hover(
    function () {
      $(this).find('.place-hover').css('opacity','1');
    },
    function () {
      $(this).find('.place-hover').css('opacity','0');
    }
  );
});

Comments

[Вениамин Смирнов]

Спасибо огромное!