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');
}
});
});