jQuery - 次のDivの検索

Question

入力ボタンの後に次のdivを見つけようとしています。

私は間違っていますか？

JS：

$(".showNextExperience").click(function() { 
    $(".experience").show(); 
}); 

HTML：私はちょうどそれが動作DIVの上に入力ボタンを移動すると

<input class="showNextExperience" > 
<div class="experience">Experience 1</div> 

<input class="showNextExperience"> 
<div class="experience">Experience 2</div> 

<input class="showNextExperience"> 
<div class="experience">Experience 3</div> 

<input class="showNextExperience" > 
<div class="experience">Experience 4</div> 

さて、これは---

$(".showExperience").click(function() { 
    $(this).next(".experience").toggle(); 
}); 

<table class="data"> 
    <tr class="tableHead"> 
     <td></td> 
     <td width="50" align="right"><input type="button" class="showExperience" value="show"></td> 
    </tr> 
</table> 
<div class="experience">2</div> 

を動作しません。ちょうど良い。

$(".showExperience").click(function() { 
    $(this).next(".experience").toggle(); 
}); 

<input type="button" class="showExperience" value="show"> 
<div class="experience">2</div> 

説明できますか？単に

Answer 1

：

$(".showNextExperience").click(function() { 
    $(this).next(".experience").toggle(); 
}); 

参照：

• http://api.jquery.com/toggle/
• http://api.jquery.com/next/

Answer 2

は

$(".showNextExperience").click(function() { 
    $(this).next("div.experience").toggle(); 
}); 

これを試してみてください

Answer 3

$(this).siblingings().eq(0)する必要があります。

Answer 4

$(".showNextExperience").click(function() { 
    $(this).next().show(); 
});