在最后一个输入字段问题之后插入新的输入字段

时间:2018-12-30 23:16:35

标签: jquery

我希望在我的最后一个输入字段上每按一次,就会出现一个新的/附加的字段。 第一次按下最后一个输入字段的效果很好,但是此后,只有当我在创建新输入字段之前单击最后一个输入字段时,它才有效,但它只应在当前的最后一个输入字段上起作用

bump Android dependencies to latest.

1 个答案:

答案 0 :(得分:2)

您需要结合选择器:last使用动态点击事件。

  

$('selector).click()仅将click事件附加到该时间点上存在的元素,如果您随后动态添加元素,则它们将不包括在此选择过程中。

     

$(document).on("event", "selector", function() { .... });可以按照您的意愿进行操作,将点击事件附加到整个文档,然后根据“实时”页面(包括动态添加的组件)将点击事件与选择器进行比较。

下面的代码按照您的要求进行操作。

// Add dynamic click event
// Use :last to just trigger event if last input lcicked.
$(document).on( "click", "input:last", function() {
  
  // Add new input
  $(this).after('<input type="text" placeholder="Answer">');

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input placeholder="Answer">