Jqueryツリーのトラバースが機能しない

Question

jquery変数がありません。要素を適切に選択する方法がわからないため、最も似ています。

$('.upVote').click(function(e){ 
    e.preventDefault(); 
    var ratebox = $(this).find('.ratingBox'); //this variable isnt working 
    var answer_id = $(this).children('.record_id').attr('value'); //this one too 

HTML：：

<p class='ratingBox'> $answerrating[$f]</p> 
<div class='answerBar'>"; 
    <a href='#' class='upVote vote'>Upvote</a> 
    &middot; 
    <a href='#' class='downVote vote'>Downvote</a> 
    <a class='answerTime'> $difference $periods[$j] ago</a> 
</div> 
<input type='hidden' name='record_id' value='$answerid[$f]' class='record_id' /> 

Answer 1

find()とchildren()どちらがよりDOMツリーの下位要素を探しますjQueryの私は、以下のセレクタが働くだろうと思ったが、彼らはない

現在 - あなたが探している要素はどちらも高いです。これを試してみてください：

var ratebox = $(this).closest('.answerBar').prev(".ratingBox"); 
var answer_id = $(this).closest('.answerBar').next('.record_id').attr('value'); 

Fiddle to prove it works

Answer 2

使用しparent、prevとnextを利用する必要があります。 findとchildrenは、マークアップごとに機能しない要素を調べます。試してみてください

$('.upVote').click(function(e){ 

    e.preventDefault(); 
    var ratebox = $(this).parent().prev('.ratingBox'); //this will work now 
    var answer_id = $(this).parent().next('.record_id').attr('value'); //this too 

});