禁用<a> parent link of a dropdown menu</a>

Question

<li class="menu-229 menuparent menu-path-front even">
<a title="About" href="/tca/">about</a>
<ul style="display: none; visibility: hidden;">
</li>

以上是我的动态生成下拉菜单的设置示例。

ul是包含链接的下拉菜单，但是我想禁用“关于”标记是否可点击。我不希望下拉的父母成为一个链接。

我试过了：

    $('.menuparent').click(function(e) {
 e.preventDefault() // or return false;
});

但此代码也会禁用下拉菜单链接。

抱歉，忘了提这个菜单是由Drupal生成的。我认为我不能触摸它。我只能按照给予的方式工作。

Answer 1

使用prev()：

尝试此选择器

$('.menuparent > ul').prev('a').click(function(e) {
    e.preventDefault();
});

Answer 2

一个非常简单的方法是为每个父项添加一个类，并使用该确切代码来定位父类。

Answer 3

<a title="About" href="/tca/" onClick="javascript:return false;">about</a>

会这样做吗？

使用锚标记，onClick事件在实际遵循href之前进行评估。如果onClick事件返回false，则href未激活。