0

我想为类动态分配不同的链接"active"以更改 CSS。有谁知道如何做到这一点？

<div class="livello2">
    <div class="live">
        <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
    </div>
    <nav class="menu">
        <ul>
            <a href="./index.php"><li>HOME</li></a>
            <a href="./Concerti.php"><li>CONCERTI</li></a>
        </ul>
    </nav>
</div>

我有这个：

<div class="livello2">
                 <div class="live">
                     <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
                 </div>
                 <nav class="menu">
                     <ul>
                         <a href="./index.php"><li>HOME</li></a>
                         <a href="./Concerti.php"><li>CONCERTI</li></a>

                     </ul>
                 </nav>
       </div>

我认为 jquery 脚本应该是这样的：

click(function(){
   $link.removeClass('active');
    $link2.addClass('active');
  });
4

2 回答 2

1 
document.getElementById("yourElementsId").classList.toggle("active");

这首先通过其 id 获取您希望修改的项目，然后简单地切换“活动”类。您还可以使用以下方法：

classList.add("active");
classList.remove("active");

要在 jQuery 中执行此操作，您只需执行以下操作：

$("#yourElementsId").addClass("active");
$("#yourElementsId").removeClass("active");
$("#yourElementsId").toggleClass("active");
于 2012-11-29T09:43:43.167 回答
0

此解决方案假定您要向菜单链接添加“活动”：

HTML：

<div class="livello2">
    <div class="live">
        <a href="./Live.php"><img src="templates/css/comp/pulsante_live_off.png"></a>
    </div>
    <nav class="menu">
        <ul>
            <li><a href="./index.php">HOME</a></li>
            <li><a href="./Concerti.php">CONCERTI</a></li>
        </ul>
    </nav>
</div>

jQuery：

$(function() {
    $('.menu a').click(function(e) {
        // you usually want to prevent default for handling link clicks,
        // otherwise the browser follows the href (if that's intended skip this)
        e.preventDefault();

        $('.menu a').not(this).removeClass('active');
        $(this).addClass('active');
    });
});
于 2012-11-29T09:43:14.953 回答