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();