Javascript Jquery自定义触发器锚标记

大家好，我正在创建自定义多步骤表单，但当我单击“下一步”按钮时，它无法触发相关的

家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个

你要做的就是

$("#nextBtn").click(function() {
    var $nextLi = $('li.active').next('li');
    if ($nextLi.length) $nextLi.find('a:first').click();
});

$（函数（）{
$（“#nextBtn”）。单击（函数（）{
var$nextLi=$（'li.active'）.next（'li'）；
如果（$nextLi.length）{
$nextLi.find（'a:first'）。单击（）；
}否则{
$（'ul.nav a:first'）。单击（）；
}
});
});

引导盒






家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个

$（函数（）{
$（“#nextBtn”）。单击（函数（）{
var$tabs=$（“li”）；
$tabs.每个（函数（）{
var activeTab=$（this）.hasClass（“active”）；
如果（activeTab==true）{
var secAttr=$（this.next（'li'）.children（）.attr（“href”）；
$（'a[href=“”+secAttr+“]”）选项卡（'show'）；
返回false；
}
});
});
});

引导盒






家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个
请使用以下代码实现此目的


$（文档）.ready（函数（）{
$（“#nextBtn”）。单击（函数（）{
$（'li.active'）.next（）.find（'a'）[0]。单击（）；
//隐藏“下一步”按钮
$（'.nav li a'）.on（'show.bs.tab'，函数（e）{
var$lastEle=$（“.nav li:last child”）.hasClass（'active'）；
如果（$lastEle）{
$（“#nextBtn”）.hide（）；
}否则{
$（“#nextBtn”）.show（）；
}
});
});
});

引导盒






家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个
与
[clas='active']
匹配简单使用


$（函数（）{
$（“#nextBtn”）。单击（函数（）{
var nextId=$（“li[class='active']”）。next（'li'）。children（'a'）。attr（“href”）
if（nextId）{
$（'a[href=“”+nextId+“]”）。触发器（'click'）；
}
否则{
$（'ul'）。children（'li'）。eq（0）。children（'a'）。trigger（'click'）；
}
});
});

引导盒






家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个
我对帕维兹·拉赫曼的答案做了一些修改。您不需要通过javascript在内部单击元素。我想这就像一个反模式

您可以使用引导功能通过tab函数显示下一个选项卡，而不是单击元素


$（函数（）{
$（“#nextBtn”）。单击（函数（）{
$（'li.active'）.next（）.find（'a'）.tab（“show”）；//显示下一个li的选项卡
});
});

引导盒






家
表格一
菜单1
表格二
菜单2
表格三
菜单3
表格四
下一个
谢谢@RahulkumarThanks@prajnavanthaReally简单且有帮助……）