Question

我有多个原因代码（例如：RC1，RC2 ......）。对于每个原因代码，我想给用户一个文本框，在其中可以输入一些注释。同时为他们提供为每个原因代码添加多个文本框的选项。

为了允许用户添加动态文本框，我有一个允许用户这样做的按钮。如果只有一个原因代码，我可以很容易地只使用jquery将一个文本框附加到预先存在的文本框中（使用类似这样的东西：JQuery adding class to cloned element）。

然而，由于我有多个原因代码（超过200个），因此在Jquery中为每个原因代码设置按钮是没有意义的。我有办法按基本标识符搜索。

我已经粘贴了我的JSP文件生成的HTML文件的内容。

<div id="Reasoncode1">
  <div id="inputTextBox_Reasoncode1">
    <input type="text" placeholder="Add some text"/><button class="button_Reasoncode1">
   +</button>
  </div>   
</div>

<p>
Reason code2
</p>
<div id="Reasoncode2">
  <div id="inputTextBox_Reasoncode2">
    <input type="text" placeholder="Add some text"/><button class="button_Reasoncode2">
   +</button>
  </div>   
</div>

我的Jquery尝试是：

$(".button_Reasoncode1").click(function() {
     $('#Reasoncode1').clone().insertAfter('#inputTextBox_Reasoncode1');
});

$(".button_Reasoncode2").click(function() {
     $('#Reasoncode2').clone().insertAfter('#inputTextBox_Reasoncode2');
});

我不想为每个原因代码执行此操作，我想知道是否有更好的方法。我的JSFiddle：https://jsfiddle.net/mvp71L61/

Answer 1

假设所有按钮都静态添加到DOM，

sudo yum update

如何基于匹配模式创建jQuery单击处理程序？

1 个答案: