jquery - 如何选择 UL>LI 中的链接并使其不可使用 jQuery 进行点击？

Question

我对 jQuery 有点不熟悉，但我知道它可以执行以下操作：

选择以下 HTML 中的链接，使其不会去任何地方。（我这样做是为了显示一个下拉菜单）

这是HTML

<ul id="navigation">
  <li class="has-drop"><a href="http://72.10.55.131/shop.html/">shop</a></li>
  <li class="has-drop"><a href="http://72.10.55.131/collections.html/">collections</a></li>
</ul>

我正在尝试针对列表中的第二个。如果您想查看源代码，这些链接是实时的。

谢谢您的帮助！

Answer 1

捕获点击事件并阻止默认行为：

$('#navigation li.dropdown').on('click', function(event) {
  event.preventDefault();
});

Answer 2

由于您I'm trying to target the second one on the list.在问题中提到，所以如果您只想禁用第二个列表项的链接行为，那么您可以使用

$('ul#navigation li').eq(1).find('a').on('click', function(e){
    e.preventDefault();
});

否则（对于所有链接），您可以使用Blender's answer。

演示。

Answer 3

尝试这个

$('li.has-drop:eq(1) a').attr('href','#');