无法选择 jquery 中的克隆元素

Question

克隆选择元素并增加“名称”属性后，我无法选择克隆的元素。

例如：

HTML

<select name="1"></select>

<select name="1-1"></select> <!-- cloned element -->
<select name="1-2"></select> <!-- cloned element -->

JS

$('[name^="1"]').change(function() {
    alert(1);
});

当我更改原始元素时，它工作正常，我收到警报，但是当我更改克隆元素之一时，什么也没有发生。没有错误。

注意：我使用“name”属性而不是 ID，因为提交表单后我需要检索这些克隆的元素值，

这应该有效吗？还是克隆的元素无法选择？

Answer 1

这是 live()^DOC 的文档链接，这是 < a href="http://api.jquery.com/delegate/" rel="nofollow">delegate()^DOC

$('[name^=1]').live('change', function(){
  console.log('hi!');
});

虽然它的功能与常规事件处理程序不同（它实际上是监听事件文档，因此它在传播时“处理”事件的效率更高一些，因为您为其提供了一个侦听上下文：

$('form').delegate('select[name^=1]', 'change', function(){
  console.log('hi there!');
});