Javascript 单击html未红色列表上的项目标记是否可以触发事件？

当用户单击无序列表中项目的图标时，是否有方法触发操作？在javascript和/或jquery中，如果没有代码和标记，很难猜测您想要什么，但是您可以尝试这样的方法

HTML

我不知道你的“图标”是什么html标记，但这个方案适用于任何你尝试的东西，只要替换元素的，并添加类图标即可 是的。。。使用JQUERY

<ul>
    <li>
      <a href="" class="item">Item1</a>
      <a href="" class="item">Item2</a>
    </li>
<ul>

---

是的，如果愿意，您可以只针对列表项标记，但它需要将每个项的内容包装到另一个标记中

这是因为当您将事件处理程序分配给元素时，该元素或任何子元素都将触发该处理程序。然后在处理程序中，您可以检查节点名，它会告诉您是单击了还是子元素。由于所有内容都由或包装，因此只有列表项标记将触发目标为的事件

以下可运行示例仅在单击列表项标记时触发警报，否则将忽略单击事件

$li.“单击”时，函数E{ 如果e.target.nodeName==LI{ 警报“您单击了列表项标记”； }否则{ e、 preventDefault；//已单击子元素 } }; 一 二 三

---

你能提供一些代码吗？有。将内容包含在另一个标记中。将单击处理程序附加到。在该处理程序中，检查单击的元素是否是您添加的内容包装器。如果是，请取消。否则，继续。图标是否设置了CSS？发布你的代码、你尝试过的事情、你正在经历的与你试图实现的等等。请不要问“为我编写代码”问题。帮助我们提供尽可能多的信息来帮助您！如果“图标”是指列表项标记，则“是”，您可以将单击事件附加到，并在单击标记时触发该事件。如果需要区分单击标记和单击列表项，则会出现问题。这将在内容和图标上触发。

$(function() {
  $('a.icon').on('click', function(){
    //your code here...
  });
});

<ul>
    <li>
      <a href="" class="item">Item1</a>
      <a href="" class="item">Item2</a>
    </li>
<ul>

$(".item").click(function() {
   var itemIcon = $(this);
   // itemIcon contains the icon that was clicked. Do something with it... 

});