javascript - Jquery .children() 未按预期工作

Question

我正在尝试为 jQuery 制作一个基本的验证码模块。我有一个不错的开始，但由于某种原因 .children() 似乎不起作用。在这里查看:http://jsfiddle.net/pTbeW/ 我目前有这个:

$(this).children('.captchain-start').hide();
$(this).children('.captchain-show').show();

如果我把它改成

$('.captchain-start').hide();
$('.captchain-show').show();

它工作得很好。但这个解决方案不太理想，因为它不允许此验证码的两个实例位于同一页面上。我怀疑这与查询设置的 html 有关，但我不确定如何设置。我远非 javascript 和 jQuery 专家，但这似乎是一件相对容易做的事情。我缺少什么？是不是看了这么久眼睛累了？任何帮助将不胜感激。

Answer 1

因为 '.captchain-*' 元素不是子元素，而是兄弟元素。请尝试以下操作:

 $(this).nextAll('.captchain-start').hide();
 $(this).nextAll('.captchain-show').show();