Поиск ближайшего значения элемента jquery

Question

<table> 
    <tr><td> 
     <div><img src="1.jpg">text<span class="get">aa</span> <span class="click">Get value</span></div></div></td></tr> 
    <tr><td> 
     <div><img src="2.jpg">text<span class="get">bb</span> <span class="click">Get value</span></div></td></tr> 
    <tr><td><div><img src="1.jpg">text<span class="get">cc</span> <span class="click">Get value</span></div></div> 
     </td></tr> 
</table> 

Как получить самое близкое значение класса при щелчке по клику?

$('.click').click(function() { 
    $(this).each(function() { 
     $('#sample').text($(document).closest('div').find('.get').text()); 
    }); 
}); 

это не работает, он вернется пустой ..

Любая идея, почему?

Answer 1

$('.click').click(function() { 
    $('#sample').text($(this).siblings('.get').text()); 
}); 

Здесь работает образец: http://jsfiddle.net/rcXka/

Answer 2

В разметке вы продемонстрировали, это должно делать то, что вы хотите:

$('.click').click(function() { 
    $('#sample').text($(this).siblings('.get').text()); 
}); 

Обратите внимание, что если есть несколько братьев и сестер с классом get, это может не делать то, что вы хотите. Он вернет первого родного брата с этим классом, а не «ближайшего» в разметке - вам нужно придумать более строгое определение «ближайшего», если будет несколько братьев и сестер .get.

Кроме того,

$(this).each(function(){ ... }); 

бессмысленное утверждение. Это означает «выполнить эту функцию один раз для каждого элемента в наборе согласованных элементов», но есть только один элемент в наборе согласованных элементов, а именно $(this). Вы можете заменить его только содержимым анонимной функции.

Функция .closest() возвращает первый элемент, соответствующий конкретному селектору. Так что не имеет смысла звонить $(document).closet() - document не имеет родителей.