从克隆元素中删除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");

在这里演示

谢谢

Answer 1

单独尝试:

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

你的代码:

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

将克隆的选择放在原始选项之后,然后使用find原始选择搜索所选选项. find搜索孩子.克隆人select现在是原来不是孩子的兄弟姐妹.