Question

如果我的li包含一个函数（在keyup上重复），我该如何将同一个函数复制到同一个li的克隆。

这是元素（li，更好地说），它将不断重复

<li class="main-item">
 <div class="header-item fwidth">
 <div>
  <h1 class="duplicado fleft"></h1>
 </div>
 </div>
 <div id="internal-items-2" class="collapse collapsible-item">
  <div>
   <input type="text" value="" class="duplicante nombre-item">
  </div>
 </div>
</li>

这是keyup函数的重复，它根据输入中的内容在H1元素上生成文本

$(function() {
    $('.duplicante').on('keyup', function() {
        var text = $(this).val();
        $('.duplicado').text(text);
    });
});

如何使该功能适用于每个重复的li元素？ Fiddle example

Answer 1

如果我理解正确，您希望更新keyup上的各个标题。

这样做的一种方法是：

$(function() {
  $('.duplicante').on('keyup', function() {
    var text = $(this).val();
    $(this).closest('li').find('.duplicado').text(text);
  });
});

这是小提琴：

http://jsfiddle.net/s16vds6n/1/

如何在具有相同功能的类似div上复制功能

1 个答案: