javascript - 如何选择具有特定兄弟元素的元素？

Question

如果 <a> ，如何防止 anchor ( li ) 标签不执行任何操作有ul根据以下代码:

<aside class="sidebar">
 <div id="leftside-navigation" class="nano">
  <ul class="nano-content">
   <li>
    <a href="index.html">
      <span>Home</span>
    </a>
   </li>
   <li class="sub-menu">
     <a href="javascript:void(0);"> 
       <span>Categories</span>
       <i class="arrow fa fa-angle-right pull-right"></i>
     </a>
     <ul>
       <li>
         <a href="index.html">
           <span>Home</span>
         </a>
       </li>
       <li>
         <a href="index.html">
           <span>Lifestyles</span>
         </a>
       </li>
       <li>
         <a href="index.html">
           <span>Technology</span>
         </a>
        </li>
      </ul>
    </li>
  </ul>
</div>

我尝试输入 javascript:void(0) - 它有效，但我想用 if else 语句或任何其他方式来实现。

我想做的是:

• 如果 li.submenu有ul li.has-submenu a防止违约

Answer 1

您可以为 a 编写一个选择器，它是具有子菜单的 li 的子级。

$("li:has(ul) > a").click(function(e) {
    e.preventDefault();
});