1

需要一些有关 DOM 遍历的帮助以进行琐事测验。结构是.. 有一个动态数量的内部 div 具有重复的问题/答案结构..

<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>

当该人单击 NEXT 按钮时，jQuery 确保他们做出了选择，然后如果他们的答案正确，则需要将下一个条目（答案）的跨度上的类更改为“pyes”。我似乎无法选择跨度，虽然..尝试过（从按钮点击处理程序中）..

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

任何想法都非常感谢:-)

4

1 回答 1

1

parent您可以使用方法而不是几种方法closest：

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

http://jsfiddle.net/2JvHf

PS：您需要使用 2 个父方法而不是三个，而且next方法也不能那样工作，您应该span从选择器中删除并使用find方法。

于 2013-03-13T21:50:38.850 回答