许多具有相同类别输入的常见自动完成事件

Question

是否可以使用jQuery为许多输入定义常见自动完成变量envent。

我有一个表，当使用点击一个添加按钮时，这些表的行是动态添加的。这是该行的简单克隆。每行包含几个输入。我开始在第一行上编写一个自动完成更改，但是我想知道是否可以只保留一个自动完成更改来管理行中的所有输入（由于在添加行时生成新的添加，因此可以想到输入id。

这里是我的代码：

jQuery('.item').on("autocompletechange", function (event, ui) { 
    callAjaxMethod(); 
} 

这里是HTML：

<div class="item"> 
    <div class="right"> 
     <label>Item</label> 
     <div class="input-box"> 
      <input type="text" name="item1-1" value="" 
      id="item1-1" class="input-text item" title="Item" /> 
     </div> 
    </div> 
</div> 

的.item是类包含输入的div。投入将有我说的动态id。

现在，当我在表中添加很多行时，只有第一个输入触发事件。请注意，在导航器控制台中执行jQuery（'。item'）将返回所有我的输入数组...

有没有一种优雅的方式来做到这一点？

Answer 1

我不确定没有行创建上下文，但你可以创建一个函数AddRow（...），它既创建行并定义该行所需的所有事件处理程序。

另一种方法是只创建第一行，然后使用参数设置为true的$.clone function，以便沿元素复制事件处理程序。