Помогите с селектором css для jquery

Question

У меня есть этот WordPress блог, в котором есть много страниц с подстраницами, раскрывающимися при наведении ... дело в том, что я не хочу, чтобы страницы, на которые вы наводите курсор, ссылались на что-либо, если у них нет ни одного ul со многими якорями внутри, так что просто подстраницы будут иметь href, отличный от "#" Так что, в общем-то, я пробираюсь через это с помощью простого JavaScript.

   jQuery(document).ready(function(){
   jQuery("#menus li > a").attr("href","#");
 });

Это выбор каждого a ... и я не хочу этого ... Мне просто нужны якоря, которые являются главными страницами, а не подстраницами ... вот HTML, так что, возможно, вы можете придумать лучший способ выбрать это.

Сначала объясню

структура Уль со многими ли, которые имеют якорь внутри если li также имеет ul внутри, то это подстраницы, которые появятся при наведении курсора. следовательно, исходный якорь должен иметь href = "#" если в li нет ul, то li должен сохранить свою ссылку.

    <ul id="menus">
      <li>
        <a href="somelink">Main Page</a> //href should be changed to #
        <ul>
            <li>
              <a href="somelink2/">Subpage1</a>
            </li>
            <li>
              <a href="somelink3">Subpage2</a>
            </li>
        </ul>
      </li>
      <li>
        <a href="somelink">MainPage-with-no-subpages</a> //href should not be changed
      </li>
      <li>
        <a href="somelink4">MainPage</a> //href should be changed to #
        <ul>
          <li>
            <a href="somelink5">Subpage</a>
          </li>
          <li>
            <a href="somelink6">Subpage</a>
          </li>
        </ul>
      </li>
</ul>

Answer 1

попробуй

jQuery(document).ready(function(){
   jQuery("#menus li > ul").siblings('a').attr("href","#");
});

Answer 2

Это должно делать то, что вы хотите:

jQuery(document).ready(function(){
   jQuery("#menus li:has(ul) > a").attr("href","#");
}