Как выбрать родительский узел из дочернего узла?

Question

Я написал некоторый код jquery, чтобы получить событие click для div внутри другого div, подобного этому.

<div class="parent">
  <div class="values_to_get">
    <div class="catch_click_event_here">
    </div>
  </div>
</div>

Так что теперь кто-то может мне помочь, пожалуйста, мне нужно получить значения в div с class="values_to_get", когда я нажимаю div с class="catch_click_event_here". У меня есть список divs с class="parent"

Answer 1

$('div.catch_click').click(function (){
    variable = $(this).parent().attr('value');  //this is div.catch_click
});

Таким образом, вы получаете содержимое атрибута 'value' в div 'values ​​to get'. Не знаю, какие значения вам нужны, но просто замените «значение» на атрибут, который вы ищете.

Answer 2

Если вы используете jquery 1.3 или выше, вы можете использовать метод closest

$('.catch_click_event_here').click(function() {
    $(this).closest('.values_to_get').val();
});