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

您應該使用$(this).nextAll()而不是$(this).children()，因爲您要隱藏和顯示的元素不是a元素的子元素，而是兄弟元素。

見http://api.jquery.com/nextAll/

Answer 2

因爲'.captchain-*'元素不是孩子，而是兄弟姐妹。請嘗試以下操作：

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

Answer 3

this 

在點擊事件引用點擊的元素，這與類的captchain啓動'的元素。所以，你不必掃描的孩子，你可以使用：

$(this) 

的實際點擊的元素或元素選擇，而不是

代替。