jquery - Jqueryは要素をトラバースできません

Question

.singleAnswer を選択しようとしていますが、機能していません。

Jクエリ:

 $(".answerContainer").on("click", ".editAnswer", function(e){
e.preventDefault();
answer = $(this).parent('.answerBar').closest('.singleAnswer'); //this variable doenst work

HTML:

<div class='answerContainer'>
<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></div>

Answer 1

この.closest()メソッドは、要素の兄弟、または実際には要素の子を探しているように見える DOM を検索します。.answerBar.answerContainer

これを試して：

answer = $(this).closest('.answerContainer').find('.singleAnswer'); 

これは、DOM を介してthis最も近い.answerContainer要素に移動し、そこから class を持つ子孫を見つけることを意味し.singleAnswerます。

Answer 2

現在の要素から検索を開始する、最も近くない兄弟を探しています。

answer = $(this).parent('.answerBar').siblings('.singleAnswer');