主页 / 问题 / 571109
Accepted
Bim Bam
Asked:2020-09-28 03:38:45 +0000 UTC2020-09-28 03:38:45 +0000 UTC

如何处理使用 .clone() 接收的元素

  • 772

有一些代码可以将数据从一个 DOM 元素克隆到另一个。

$(".inv_item").click(function(event){
    $(".set").append($(this).clone());                          
    $(this).remove();
});

我们现在如何使用这个“克隆”元素？即使我这样做...

    $(".inv_item").click(function(event){
        alert("Click);
    });

...然后忽略具有 .inv_item 类的克隆元素。这怎么能解决？

javascript

2 个回答

  1. Best Answer

    代表团 - http://api.jquery.com/on 

    $('.set').on('click', '.inv_item', function(event) { 
  ... 
});
    • 1

  2. 其实这里不需要clone和remove。

    这里需要一个简单的追加，因为当应用于现有元素时，它只是将其移动到一个新容器中。所有事件都保持关联。

    $('.item').click(function() {
  $('#dst').append(this);
});

$('.item').click(function() {
  $(this).text(+$(this).text() + 1);
});
    div {
  border: 1px solid;
  height: 20px;
}
#src {
  border-color: red;
}
#dst {
  border-color: green;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="src">
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
</div>
<div id="dst">
</div>

    此外，克隆函数将一个标志作为其第一个参数，该标志指示是否复制绑定的事件处理程序和数据值。默认情况下，该值为false，因此您需要传递true才能与 events 一起复制。

    $('.item').click(function() {
  $(this).text(+$(this).text() + 1);
});

$('.item').click(function() {
  $('#dst').append($(this).clone(true));
  $(this).remove();
});
    div {
  border: 1px solid;
  height: 20px;
}
#src {
  border-color: red;
}
#dst {
  border-color: green;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="src">
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
  <span class="item">0</span>
</div>
<div id="dst">
</div>

    • 1

相关问题