Движение дерева JQuery не выбрано

Question

У меня есть некоторые переменные jquery, которые пытаются получить значения соседних элементов, однако они не работают. Я думал, что ближайший() был правильным селектором.

Jquery:

$(".answerContainer").on("click", ".editAnswer", function(e){ 
e.preventDefault(); 

var answer_id = $(this).closest('.answer_id').attr('value'); //this doenst work 

HTML:

<p name='singleAnswer' class='singleAnswer'>$answer[$f]</p> 
<input type='hidden' value='$answerid[$f]' class='answer_id' /> 
<p class='ratingBox'> $answerrating[$f]</p> 
<div class='answerBar'>"; 
<a href='#' class='upVote vote'>Upvote</a> &middot; <a href='#' class='downVote vote'>Downvote</a> &middot; 
<a class='answerTime'> $difference $periods[$j] ago</a> 
&middot; <a href='#' style='color: orange;' class='editAnswer'><b>Edit</b></a> 

Answer 1

Попробуйте также использовать .val() вместо attr('value')

var answer_id = $('.editAnswer').parent().siblings('.answer_id').val(); 

Answer 2

Ближайший предполагает, что вы хотите, чтобы пройти через предков узла , В этом случае попробуйте prev()

Answer 3

$('.editAnswer').parent().find('.answer_id').val('value');