當點擊按鈕時從UL獲取ID

當您點擊添加按鈕時如何獲得OptionGroupID和optionName從ul？當點擊按鈕時從UL獲取ID

例如：

<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>

我都試過，但它不工作：我已經使用OptionForm.find

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

來源

2011-09-10 I' ll-Be-Back

在整個文檔中，ID必須是** unique **。 –

@Felix，例子？ –

這意味着沒有兩個元素應該有相同的ID。在您的HTML中，兩個元素的ID爲「OptionGroupID」。這是無效的。 –

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

通知（查找後代）。僅供參考：ID是唯一的，所以你應該給每個輸入一個類，並找到它像這樣：OptionForm.find(".OptionGroupID")。

來源

2011-09-10 12:37:33 James

謝謝！那工作。「你可能會給每個輸入一個類」，你是什麼意思？你能提供一個例子，說明如何工作。 –

@user：而不是'id =「...」'你使用'class =「...」'。 –

當點擊按鈕時從UL獲取ID

回答

相關問題