javascript - 添加一个带有 Jquery 或 Javascript 的类来标记

Answer 1

试试这样的事情（你可能需要使用不同的属性location，比如href或pathname，但你明白了）：

$('ul.menubar a').each(function(){
    if(location.href === this.href){
        $(this).addClass('selected');
        $('ul.menubar a').not(this).addClass('none');
        return false;
    }
});

或者更好：

$('ul.menubar a').addClass('none').filter('a[href="'+location.pathname+'"]')
    .removeClass('none').addClass('selected');

location以下是有关该对象的更多信息： https ://developer.mozilla.org/en/DOM/window.location

Answer 2

一个非常简单的方法，但不能保证效率。HTML：

<ul class="menubar">
    <li><a href="home.php" class="selected" id="Home">Home</a></li>
    <li><a href="services.php" class="none" id="Services">Services</a></li>
    <li><a href="aboutus.php" class="none" id="About Us">About Us</a></li>
    <li><a href="contact.php" class="none" id="Contact Us">Contact Us</a></li>
</ul>

Javascript：

$(document).ready(function() {
 $("#"+ $.trim( $("title").html() ) ).addClass("selected");
});

编辑：添加了 $.trim()，只是一个额外的步骤。

Answer 3

只需将 ID 属性添加到您的“a 标签”并使用 jQuery 即可：

$("#home").addClass('selected');