javascript - 追加后隐藏输入(之后)

Question

我正在尝试使用按钮创建输入字段。但我想要的是，当创建输入字段时，我想用相同的按钮隐藏创建的输入字段。我尝试了 slideToggle 函数，但效果不是很好。

<button type="button" id="addEmail" "class1"></button>

$('#addEmail').one('click', function () {
    var dummy = '<input type="text">';
    $('.email').after(dummy); //creating input after class 'email'
    $(this).addClass('less-inputs'); //Changing buttons css
});

Answer 1

最简洁的方法是创建一个 jQuery 上下文来表示您的 dummy 元素，而不是单纯的 HTML 字符串。

类似于:

var $dummy = $('<input type="text">');
$('.email').after($dummy);
$dummy.addClass('less-inputs');

或者更短:

$('<input type="text">')
     .addClass('less-inputs')
     .insertAfter($('.email'));