javascript - 打开内联 OnClick 以单击 Jquery

Question

我有以下用于下拉菜单列表的内联样式。我不知道如何使用 jQuery 使其进入“点击”状态。

<button class="btn btn-primary mw" data-toggle="dropdown"><span class="caret">Subject</span></button>
  
  <div class="dropdown-menu">

     <a class="dropdown-item Business" onclick="selectBusiness()"> Business</a>
     <a class="dropdown-item ICT" onclick="selectICT()"> ICT</a>
     <a class="dropdown-item Arts" onclick="selectArts()"> Arts</a>

  </div>

更多信息:

我尝试为一个按钮执行以下代码并且它工作正常。但正如我所说，我不知道如何让它适用于下拉菜单。

var btn = document.querySelector("button.selectAll");
btn.addEventListener("click", selectAll);
....

非常感谢您的意见!

Answer 1

如果你想使用jQuery，你可以在每个<a>的类中添加监听器。在你的下拉菜单中。

$(".Business").on('click', function() {
//selectBusiness() or your code here
});

$(".Arts").on('click', function() {
//selectarts() or your code here
});

$(".ICT").on('click', function() {
//selectICT() or your code here
});

另一种解决方案是为所有下拉项目添加一个监听器，然后检查所选项目的内容。

$(".dropdown-item").on('click', function() {
    switch ($(this).text()) {
        case "Business": 
        selectBusiness();
        break;


    }

});