Захват содержимого ближайшего предыдущего div

Question

В настоящее время я работаю над тем, что можно назвать ответом на сообщение какого-то сотрудника.

В принципе, я хочу достичь, когда вы нажимаете «отвечать на сообщение» (класс .comment-reply), который находится под сообщением - вы захватываете его имя автора из .comment-username div, и вы помещаете его в текстовое поле. Проблема состоит в том, чтобы нацелить этот div и захватить его содержимое, которое я хочу поместить в переменную, и поместить позже в текстовое поле. Невозможно определить этот таргетинг и захват. Основная структура записи, как это:

<div class="comment-block comment-child"> 
    <div class="comment-info title-small text-bold"> 
     <div class="push-left"> 
      <span class="comment-username sm-fc">AUTHOR NAME is here</span> 
      <span class="comment-time">some date</span> 
     </div> 
     <div class="push-right"> 
      <span class="comment-rating">some int value</span> 
     </div> 
     <div class="clear"></div> 

    </div> 
    <div class="comment-text"> 
     Sample text => Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </div> 
    <div class="comment-functions"> 
     <span class="comment-reply title-small text-bold">reply to post</span> 
     <span class="comment-rate comment-plus"> + </span> 
     <span class="comment-rate comment-minus"> - </span> 
    </div> 
</div> 

Кроме того, на той же странице будет отображаться много сообщений, так что я не хочу использовать идентификаторы для каждого отдельного поста, вместо того, что я использую классы, более ясен в этом случае.

Я пытался с $.prev(), $.closest(), но результатов не найдено.

Любые предложения?

Answer 1

Вы можете использовать closest(), чтобы получить общий .comment-block контейнера и оттуда find().comment-username и получить text(). Попробуйте это:

$('.comment-reply').click(function() { 
    var username = $(this).closest('.comment-block').find('.comment-username').text(); 
    // do something with the username here... 
}); 

Example fiddle

Answer 2

С родителями (селектором) вы можете:

var name = $(this).parents('.comment-username').text(); 

удачи.