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（查找后代）。仅供参考：ID是唯一的，因此您应该为每个输入添加一个类，并且如下所示：OptionForm.find(".OptionGroupID")。

单击按钮从UL获取id

1 个答案: