在追加后隐藏输入(之后）

Hide input after append(after)

本文关键字：之后 输入 隐藏 追加      更新时间：2023-09-26

>我正在尝试使用按钮创建输入字段。但我想要的是，当创建输入字段时，我想使用相同的按钮隐藏创建的输入字段。我尝试了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
});

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

像这样：

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

甚至更短：

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

您可以在 HTML 中添加输入，只需在单击按钮时显示/隐藏它。

如果要动态创建它，则可以向输入添加 ID 以检查其是否存在。如果输入存在，则将其删除，否则添加它。

相关文章：