jquery - クラスの追加/クラスの削除

Question

{ボディにクラスを追加して、そのクラスを削除し、「タグ」html 要素をクリックして新しいクラスに置き換えられるようにしたい。クリックすると、別のクラスが追加されます。

これは、 .click の代わりに選択されたクラスのリンクをチェックすることで実行できますか

html:

<ul id="dates">
<li><a href="#" class="selected">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
<li><a href="#">link1</a></li>
</ul>

jQuery:

$('ul#dates li a.selected').bind(function() }
            var htmlStr = $(this).html();
            $('body').attr('class', htmlStr);
        });

score 2 · Accepted Answer

毎回 class 属性を完全に置き換えるだけです:

$('ul#dates li a').click(function() {
    var htmlStr = $(this).html();

    if( $(this).is('.selected') ) {
        $('body').attr('class', htmlStr);
    }
});

score 0 · Accepted Answer

jqueryのaddclassメソッドは、cssで事前定義されたクラスを使用し、クラス名のみが受け入れられます。var htmlStr = $（this）.html（）; これにより、INNERHtmlプロパティのようなhtmlが要素内のすべてのhtmlコンテンツを取得します。したがって、次のようなクラスを宣言することをお勧めします。

.aClass {
float:left;
}

そしてjqueryで行う：

$('body').addClass('aClass');

score 0 · Accepted Answer

あなたはJquerytoggleClassメソッドが欲しい

http://api.jquery.com/toggleClass/

if ($(this).is(".foo"))
{
   $(this).toggleClass("foo", false);
   $(this).toggleClass("bar", true);
}
else
{
   $(this).toggleClass("foo", true);
   $(this).toggleClass("bar", false");
}

score 0 · Accepted Answer

data-Xクラスの代わりに、ボディに属性を設定してみてください$('body').attr('data-clicked-link-html-string', htmlStr);。

score 0 · Accepted Answer

チェックしてください：

$(document).ready(function(){
    $('ul#dates li a').click(function() {
        var htmlStr = $(this).text();
        $('body').attr('class', '').addClass(htmlStr);
    });
});

jquery - クラスの追加/クラスの削除

5 に答える 5

Related

Reference