javascript - jQuery 删除多个输入然后只添加一个

Question

<input type="text" name="val1"/>
<input type="text" name="val2"/>

$('.beta-panel input').fadeOut(function(){
    $(this).remove();
    $('.beta-panel').append('<h1>Done</h1>');
});

我有上面的代码，当单击按钮时，它会淡出，然后在 done 中追加和淡出。标签。问题是，当它淡出并删除输入时，它会显示相同数量的 <h1>标签作为输入。

Answer 1

而不是:

$('.beta-panel').append('<h1>Done</h1>');

做:

$(this).closest('.beta-panel').append('<h1>Done</h1>');

$(this)保存对单击的元素和 .closest 的引用会找到.beta-panel最接近$(this)然后附加。