Как получить данные элемента при клике на вложенный элемент в соседнем блоке?

Question

[ЛС]

Я очень слабо разбираюсь в этом, но мне очень нужно это сделать.

На странице имеется несколько контейнеров:

<div class="container">
	<h2 class="title">Lorem ipsum</h2>
	<div class="row">
		<div class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
		<div class="btn-container">
			<a href="#" class="btn1">Button 1</a>
			<a href="#" class="btn2">Button 2</a>
		</div>
	</div>
</div>

Как при клике на вторую кнопку получить текст из <h2 class="title">Lorem ipsum</h2> этого же контейнера?

jQuery(document).ready(function($) {
	$('.btn2').click(
		function() {
			// Что здесь должно быть?
		});
});

Answer 1

[Gortyser]

$(this).closest('.container').find('.title').html();

Comments

[ЛС]

Если я правильно воспользовался Вашей подсказкой, то у меня она почему-то не срабатывает.
Пытаюсь записать полученные данные в отдельный div - ничего не происходит.

jQuery(document).ready(function($) {
	$('.btn2').click(
		function() {
			var $this = $(this);
			var $title = $this.closest('.container').find('.title').html();

			$('.title-result').text($title);
		});
});

[Олег]

JimmyKokS, $this.closest('.container').find('.title').html() - вы получите объект, попробуйте
$this.closest('.container').find('.title').text() - тогда вы получите строку с текстом.

[ЛС]

Олег, не выходит, посмотрите
https://codepen.io/anon/pen/JxGvYW
Что я не так делаю?

[Олег]

JimmyKokS, счас посмотрим

[Олег]

JimmyKokS, на кодпене не работает почему-то, на своём сервере запустил (удобный приём, находим общего родителя, находим дочерний элемент:

$(document).ready(function() {
  $('.btn2').click(
    function() {
// находим родителя с классом "контейнер", затем находим внутри него блок с классом "тайтл"
// забираем текст внутри него
      var $title = $(this).parents('.container').find('.title').text();

      $('.title-result').text($title);
    });
});

[ЛС]

Олег, действительно, на VDS работает. Огромное спасибо)

[Сергей delphinpro]

Олег,

на кодпене не работает почему-то

Так а jquery за вас кто подключать будет? =)



подключаем, и всё работает — https://codepen.io/anon/pen/yZeZYM

.

[Олег]

Сергей delphinpro, мне лень было изучать устройство кодпена, проще страничку в дриме создать и запустить