菜单的jquery选择器wp li ul

时间:2012-12-28 17:16:32

标签: jquery menu html-lists

我试着用wordpress生成的li ul结构在菜单中制作一些jquery。我想选择li的第一行而不是嵌套的一行(id喜欢用它们做一些差异)但是我一直在触发嵌套的那些......奇怪的是它确实只能为li提供一个边框一个ul。 (最后嵌套的li在那里没有ul ..) 我尝试使用.has选择器,父>孩子但没有工作。

  $('#hmenu li ul').parent().mouseenter( function() {
        $('#hmenu li ul').hide();
                    $(this.children).slideDown('fast').css({ color: 'red'});
                    alert('bingo!');
            stopPropagation();
  });

  <div id="hmenu">
      <?php wp_list_pages('title_li=&sort_order=desc'); ?>
  </div>

2 个答案:

答案 0 :(得分:0)

你的解释有点令人困惑。你有没有试过jsfiddle.net

您应该在那里编写示例代码并在此处发布链接,以便每个人都能弄清楚您的意思。请尝试清楚要选择哪些元素以及要对它们执行哪些操作。

答案 1 :(得分:0)

我不确定我是否理解您的问题 - 但这是一种仅选择包含<li>元素的<ul>项的方法。

   $("#hmenu ul li").find("ul").parent().doWhateverYouWantWithThisElement();

解释:

选择<li>容器的<ul>内的所有#hmenu,然后在找到<ul>时找到<li> - 元素。到父母,现在做你需要做的事。

我在这里做了一个jsfiddle http://jsfiddle.net/fma94/来解释这个问题。