从克隆元素中删除select

Question

我有这个js代码来添加（克隆）和删除一个元素。

$('#btnAdd1').click(function (event) {
    var num = $('.linguas').length;
    var newNum = new Number(num + 1);

    var newElem = $('#input_' + num).clone(false).prop('id', 'input_' + newNum);

    newElem.children(':text').val('');

    $('#input_' + num).after(newElem).find('#input_' + num +'> option:selected').removeAttr("selected");
    $('#btnDel1').prop('disabled', '');
    if (newNum == 4) $('#btnAdd1').prop('disabled', 'disabled');
});

但是，我想删除从前一个元素克隆的select="select"属性。

我正在尝试这样的事情，但没有奏效：

 $('#input_' + num).after(newElem).find('#input_' + num +'> option:selected').removeAttr("selected");

demo here

感谢

Answer 1

单独尝试：

$('option:selected', newElem).prop("selected", false);

您的代码：

$('#input_' + num).after(newElem).find('#input_' + num +'> option:selected').removeAttr("selected");

将克隆的选择放在原始文件后，然后使用原始选择中的find搜索所选选项。 find搜索儿童。克隆的select现在是原来不是孩子的兄弟姐妹。