Jquery树遍历不起作用

Question

我有一个不起作用的 jquery 变量，很可能是因为我不知道如何正确选择元素。我认为下面的选择器可以工作，但它们不行

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 树中查找比当前元素更低的元素 - 您要查找的元素都更高。试试这个:

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

Fiddle to prove it works