jQueryの、：最初のリストではなく、まず

Question

で私はforeachのことで生成されたリストを持っている：

<div class="rowClass"> 
    <div> 
    <input class="MagicButton" value="click to show hidden values in row"/> 
    </div> 
    <div class="hiddenValues"></div> 
</div> 

その後、私はhiddenValuesが見えるようにするjQueryのを使用します。

$(".MagicButton").click(function() { 
     $(".hiddenValues:first").slideDown("slow"); 
}); 

問題があります、私はこれを最初のものでのみ起こる任意の行にこれを使用します。 "：first"を指定しないと、すべての行で動作します。私が取り組んでいる行だけでそれを実現させるために私は何ができますか？

編集：クリックするボタンは別のdivにあるため、まだ動作していません。 EDIT2：解決策は次のとおりです。

$(this).parent().parent().find(".HiddenValues").slideDown("slow"); 

各親は（）最後にrowClass内部.hiddenValuesを検索するためのdivのツリーで高いジャンプします。 すべてありがとう！あなたは私にそれを解決させました。

Answer 1

$(".MagicButton").click(function() { 
    $(this).parent().find(".hiddenValues").slideDown("slow"); 
}); 

Answer 2

私はそれが私が取り組んでいる行にのみ起こるようにするために何ができますか？

$(".MagicButton").click(function() { 
    $(this).siblings(".hiddenValues").slideDown("slow"); 
}); 

thisは、イベントに関連する特定の.MagicButtonを参照します：

あなたのイベントハンドラで使用thisとsiblingsを使用するには、兄弟要素を取得します。 .hiddeValuesは兄弟要素（同じ親の子）です。

Answer 3

使用この構文

$(".MagicButton").click(function() { 
    $(this).parent().find('.hiddenValues').slideDown("slow"); 
});