Question

我有一个像这样的HTML代码：

<ul>
    <li class="curent"><a href="home.html">Home</a></li>
    <li>
        <a href="javascript:void(0)">Products</a>
        <ul class="sub">
           <li><a href="samsung.html">Samsung</a></li>
           <li><a href="lenovo.html">Lenovo</a></li>
         </ul>
    </li>
    <li><a href="catalog_grid.html">News</a></li>
</ul>

我想在上面的代码中选择带有锚标记的所有元素，这意味着当我点击任何链接<a>时，将突出显示父 <li> 。我该怎么办？

P / S：如果我有这样的菜单，我可以轻松突出li元素：

 <ul>
     <li class="curent"><a href="home.html">Home</a></li>
     <li><a href="products.html">Products</a>
     <li><a href="catalog_grid.html">News</a></li>
 </ul>

var this_url = window.location.href;

$('#block_nav_primary ul li').each(function() {
    if ($(this).children().attr('href') == this_url) {
        $('#block_nav_primary ul').find('li[class="curent"]').removeClass('curent');
        $(this).addClass('curent');
    }
});

Answer 1

更新：选择整个UL

你的意思是这个DEMO http://jsfiddle.net/yeyene/YrBMn/1/？

但是星号是什么意思？

$(document).ready(function(){
    $('li a').on('click', function(){
        $(this).parent('li').addClass('selected');
        $(this).siblings('ul').children('li').addClass('selected');
    });
});

Answer 2

我找到了一个例子。这是链接http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw，您可以点击adobe - ＆gt; Dreamweaver或菜单中的任何元素都将突出显示此父元素。我想这样做。

jQuery - 如何使用<a> tag?</a>选择所有元素

2 个答案:

更新：选择整个UL