javascript - jQuery sibling 不工作？

Question

我为响应式网站创建了一个响应式子菜单，该菜单在等于或小于 768 像素时处于事件状态。我将其设置为 jQuery 删除父列表项的链接并显示子菜单 onClick。

问题是，有一个没有子元素的父元素，我试图只删除有子元素的父元素的链接(href)。但是，我什至在 If 语句中应用了它，因此如果它没有子项，它就不会删除父链接，这是行不通的。所以我尝试了 sibling ，我认为这更有意义。但它的行为仍然不是这样。

这是我的 jQuery:

    if (jQuery(".navigation > ul > li > a").siblings("ul")){
        jQuery(".navigation > ul > li > a").removeAttr("href");
    };

你可以在这里看到一个例子:http://stlredtails.com/construction/

编辑:联系人链接是没有“ul”子项的链接，实用术语，没有子菜单。

谢谢!

Answer 1

您的 if 语句始终返回 true 并且您的以下命令从所有匹配元素中删除 href 属性。您将需要遍历匹配的 anchor 并为每个 anchor 处理一个 if 语句。

jQuery(".navigation > ul > li > a").each( function() {
    if(jQuery(this).siblings("ul").length) {
        jQuery(this).removeAttr("href");
    }
});