您好创建了一个 div 结构,它将允许用户插入多个与每个办公室号码和地址相关的办公室号码和地址。即办公室一、办公室二等。
我在这些部分之间滑动切换。我有 8 个电话号码,我使用 jQuery 隐藏未勾选的电话号码,通过单击“添加新号码”,它将显示列表中的下一个号码。
但是,这仅适用于名为办公室一的部分,而不适用于办公室二。如果您能够单击“添加新号码”并在办公室一和办公室二上进行测试,您就会看到差异。单击添加按钮时,它还应该附加一个隐藏和清除链接,但并未附加该链接。
我的添加功能如下或者查看我的jsFiddle
$(".add").click(function () {
$(this).closest('.togglesettings').find(".contact_numbers:hidden:first").fadeIn("slow", function () {
$(this).find('.remove').remove();
$(this).find('.clearnumber').remove();
$(this).find('.contact_numbers .input_tel:last-child').append("<a href='#' class='remove'>Hide</a><a href='#' class='clearnumber'> Clear #</a>")
});
});
但是,当我使用表结构时,这会起作用,单击 jsFiddle
最佳答案
在添加点击处理程序中,更改:
$(this).closest('.togglesettings').find(...
至
$(this).closest('.form-group.container').find(...
<强> jsFiddle example
关于javascript - jQuery find next 不适用于 div 结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21783558/