您如何使用jquery将活动类添加到span类链接

Question

我将此脚本复制到一个弹出框，以用于我的个人网站上的某些内容。 不了解JS，我想知道是否可以在我标记为MANAGE的span类中添加“活动”类，以便在内容打开时设置样式。 我试图在我的CSS中使用：active，但是它不起作用，所以我认为它的需要已添加到此脚本中。

<div id="login_buttons">
<span id="loginlink" class="readmore_jq">MANAGE</span><div class="hide1"><module name="MESSAGE2"/></div>
</div>


<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
    });
});
// ]]></script>

编辑：我在jsfiddle中设置尝试所有答案，但仍然无法正常工作并获得正常和活动状态http://jsfiddle.net/dEcFL/5/

Answer 1

您可以使用toggleClass()在clicked元素上切换类：

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').on('click', function(){
        $(this).toggleClass('active').next().toggle('slow');
    });
});

小提琴

Answer 2

由于您使用的是jquery，我认为您可以尝试以下代码

$('#loginlink').addClass('active');

此外，还有一个removeClass函数。

希望有帮助！

Answer 3

您只需单击一下即可通过jQuery向CSS添加更改。 这是单击后的示例，它将在js小提琴中将文本更改为红色。 那应该使您走上正确的道路。

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
        $( this ).css( "color", "red" );
    });
});

Answer 4

$( "span#loginlink" ).addClass( "active" );

Answer 5

因此，您想查找具有单词MANAGE任何span并为其添加active类吗？

试试这个jQuery：

$('span').each(function(){
    if($(this).html() == 'MANAGE')
        $(this).toggleClass('active')
});

Answer 6

以下所有答案都是正确的：您可以使用以下方法添加或删除课程：

$('selector').addClass('class');

要么

$('selector').removeClass('class');

甚至

$('selector').toggleClass('class');

有关更多信息，请参见这篇文章 ， 该文章获得了很高的评价 ，请在以后询问之前尝试搜索。