jQuery DOM Traversal - 뒤로 다음

Question

은 퀴즈 퀴즈에 대한 DOM 통과에 대한 도움이 필요합니다. 구조는 사람이 jQuery를들이는 선택을해야한다 NEXT 버튼을 클릭하면 ..

<div class="trivia_entry"> 
<div class="pad50"> 
<span>question</span> 
..radio buttons... 
<input type="button" class="quizbutt" value="NEXT" /> 
</div> 
</div> 
<div class="trivia_entry"> 
<div class="pad50"> 
<span class="pno">INCORRECT</span> 
<p>answer description</p> 
</div> 
</div> 

가 반복 질문/응답 구조와 내부 된 div의 동적가 있습니다 ..하고 다음을 변경해야 (대답) 다음 답안 (span)의 범위에있는 클래스는 그들의 대답이 맞으면 "pyes"가됩니다. 나는

$(this).parent().parent().parent().next('.trivia_entry span').removeClass('pno').addClass('pyes').html('CORRECT'); 

어떤 아이디어가 진정으로 당신이 할 수있는 몇 가지 parent 방법 대신

Answer 1

:-) 감사합니다 .. (버튼 클릭 핸들러 내에서)하지만 .. 시도를 스팬을 선택할 수없는 것

$(this).closest('.trivia_entry') 
     .next('.trivia_entry') 
     .find('span') 
     .removeClass('pno') 
     .addClass('pyes') 
     .html('CORRECT'); 

http://jsfiddle.net/2JvHf

PS : closest 방법을 사용 당신이 부모를 사용하는 데 필요한 나 thods 대신 세 next 메서드가 작동하지 않으면 span을 선택기에서 제거하고 find 메서드를 대신 사용해야합니다.