jquery - 更改元素类型，保留 jQuery 事件处理程序

Question

有几个问题询问有关使用 jQuery 将元素更改为另一种类型、保留属性的问题。 .replaceWith()就可以了，这就是 this plugin用途。但是从 DOM 中删除原始元素也会随之删除其事件处理程序。如何替换一个元素并将任何绑定(bind)的处理程序传输到新元素？

具体来说，我要替换 <input type="text">与 <select> 。我正在使用 jQuery 1.10。

Answer 1

我发现另一个问题似乎可以回答您想要做的事情

Duplicate one element's event handlers onto another?

他们执行以下操作

$.each($._data($('#original').get(0), 'events'), function() {
  // iterate registered handler of original
  $.each(this, function() {
    $('#target').bind(this.type, this.handler);
  });
});

访问原始元素 $('#original') 的 $._data 允许您访问它附加的事件，因此迭代每个事件允许您将相同的事件附加到新元素，在本例中为 $('#target')