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