Jquery 如何从当前url获取活动链接

Jquery 如何从当前url获取活动链接,jquery,Jquery,我有这个代码来获取一个活动链接,但它将类current添加到所有li而不仅仅是当前 这是我的代码: jQuery(document).ready(function ($) { var url = window.location.href; $('.ribbon a').filter(function () { return this.href == url; }).closest('li').addClass('current_yes'); }); 这是

我有这个代码来获取一个活动链接,但它将类
current
添加到所有
li
而不仅仅是当前

这是我的代码:

jQuery(document).ready(function ($) {
    var url = window.location.href;
    $('.ribbon a').filter(function () {
        return this.href == url;
    }).closest('li').addClass('current_yes');
});
这是我的html菜单代码:

<!-- Responsive menu -->
<div class="ribbon">
<div class="rmm style">

<ul>
<li>
<a href="./index.html">HOME</a>
</li>
<li>
<a href="">PROJECTS</a>
<ul>
<li>
<a href="">IKEA - NORWAY</a>
</li>
<li>
<a href="">FASTEC - SWEDEN</a>
</li>
</ul>
</li>
<li>
<a href="./clients.html">CLIENTS</a>
<ul>
<li>
<a href="">IKEA</a>
</li>
<li>
<a href="">FASTEC</a>
</li>
</ul>
</li>
<li>
<a href="">CONTACT US</a>
</li>
<li>
<a href="">WEBSHOP</a>
</li>
<li>
<a href="">ADMIN</a>
<ul>
<li>
<a href="">STAFF</a>
</li>
<li>
<a href="">DOCUMENTS</a>
</li>
</ul>
</li>
</ul>

</div>
</div>


您可以用一种更简单的方法来完成,因为使用jQuery,您可以根据其属性选择元素

$(function() {
    var url = window.location.href;
    $('.ribbon a[href="'+url+'"]').addClass('current_yes');
});

你能提供一个html标记的例子吗?似乎很好-经验性的。干得好。在我的代码中,除了当前链接之外的每个链接都会得到当前的_yes类。谢谢你,但这对我不起作用。我在第一篇文章中添加了菜单html代码。我想在李教室上课。
jQuery(document).ready(function ($) {
  $('.ribbon a').each(function() {
    if ($(this).attr('href')  ===  window.location.pathname) {
      $(this).addClass('current_yes');
    }
  });
});