Javascript 使用Next&；启动选项卡；窗体的上一个按钮

我被困在尝试将表单拆分为多个选项卡中，但第二个和第三个选项卡上的“下一个”和“上一个”按钮出现问题

我希望顶部的选项卡更改状态，就像您通过单击按钮在选项卡之间循环一样

我已经创建了一个代码笔，如果有人知道我做错了什么，请告诉我

---

active

类正在a.nav-link节点上设置，因此您需要查找该类的活动状态：

$('.btnNext').click(function(){
  $('.nav-item > a.nav-link.active').parent().next('li').find('a').trigger('click');
});

$('.btnPrevious').click(function(){
  $('.nav-item > a.nav-link.active').parent().prev('li').find('a').trigger('click');
});

---

active

类正在a.nav-link节点上设置，因此您需要查找该类的活动状态：

$('.btnNext').click(function(){
  $('.nav-item > a.nav-link.active').parent().next('li').find('a').trigger('click');
});

$('.btnPrevious').click(function(){
  $('.nav-item > a.nav-link.active').parent().prev('li').find('a').trigger('click');
});

---

激活的

链接不是
导航药丸的直接子项，因此请删除子项（
）选择器：

$('.btnNext').click(function() {
    $('.nav-pills .active').parent().next('li').find('a').trigger('click');
})

$('.btnPrevious').click(function() {
    $('.nav-pills .active').parent().prev('li').find('a').trigger('click');
})



激活的
链接不是
导航药片的直接子项，因此删除子项（
）选择器：

$('.btnNext').click(function() {
    $('.nav-pills .active').parent().next('li').find('a').trigger('click');
})

$('.btnPrevious').click(function() {
    $('.nav-pills .active').parent().prev('li').find('a').trigger('click');
})



谢谢你，这帮了大忙！谢谢你，这帮了大忙！