ボタンをクリックするとULからのID取得

Question

どのようにOptionGroupIDとoptionNameからulを追加ボタンをクリックすると取得できますか？例えば

：

<ul id="formAddOption_4" class="formStyle"> 
    <li> 
    <input id="OptionGroupID" type="hidden" value="4"> 
    <div style="font-size:10px;"> Option Name: </div> 
    <input id="optionName" type="text"> 
    </li> 
    <li> 
    <input type="button" class="buttonAddOption" value="Add Option"> 
    </li> 
</ul> 
<ul id="formAddOption_5" class="formStyle"> 
    <li> 
    <input id="OptionGroupID" type="hidden" value="5"> 
    <div style="font-size:10px;"> Option Name: </div> 
    <input id="optionName" type="text"> 
    </li> 
    <li> 
    <input type="button" class="buttonAddOption" value="Add Option"> 
    </li> 
</ul> 

私はこれを試してみましたが、それはいけない仕事：

$(".buttonAddOption").click(function() { 
    var OptionForm = $(this).closest("ul"); 
    //Get Group ID 
    alert(OptionForm.$("#OptionGroupID").val()); 
}); 

Answer 1

$(".buttonAddOption").click(function() { 
    var OptionForm = $(this).closest("ul"); 
    alert(OptionForm.find("#OptionGroupID").val()); 
}); 

お知らせ私はOptionForm.findを使用しました（子孫を探します）。 FYI：IDはユニークなので、代わりに各入力にクラスを代入し、そのように見つけてください：OptionForm.find(".OptionGroupID")。