Question

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

<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()在点击的元素上切换一个类：

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

FIDDLE

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

所以你想找到span有MANAGE字的内容，并为其添加active课程？

试试这个jQuery：

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

Answer 6

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

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

或

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

甚至

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

有关详细信息，请参阅this heavily-upvoted post，请在将来询问之前尝试搜索。

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

6 个答案: