您如何使用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');

有關更多信息，請參見這篇文章 ， 該文章獲得了很高的評價 ，請在以后詢問之前嘗試搜索。