如何找到下一个元素并为其添加一个类？

Question

我正在构建一个表单，您可以通过单击加号添加人员并通过单击减号（显然）删除它们

我有截图可以为您创建更好的视图：

如果我按，我想删除姓名person2和电子邮件的人2我写的是这样的：

 $('.fa-minus-circle').click( function() {
    $(this).parents('.form-input-wrap').removeClass('show').addClass('hidden');
    $(this).closest('.form-input-wrap', 'div').addClass('test');
});

它适用于parent并隐藏了它，但我如何访问下一个.form-input-wrap到addClass('hidden')

Answer 1

您可以使用以下next()方法。

$(this).closest('.form-input-wrap').next('.form-input-wrap').addClass('test');

Answer 2

你可以在父窗体输入包装上使用jQuery的next函数:)。

$('.fa-minus-circle').click( function() {
    var $parent = $(this).parents('.form-input-wrap:first');
    $parent.removeClass('show').addClass('hidden');
    $parent.next('.form-input-wrap', 'div').addClass('test');
});