javascript - Jqueryを使用してクラスを動的に追加しますか?

Question

imgクラスセレクターをタグに動的に追加するにはどうすればよいですか。例: img タグはアンカータグ内にある必要があり、class name:sample のみが、img を含むアンカータグを動的に追加する必要があります。

<a href="image.png"><img src="image.png"/></a>

後：

<a href="image.png"><img src="image.png" class="sample"/></a>

すでにイメージタグにクラスが含まれている場合は、そのクラスを削除すると、jquery で新しいクラスが可能になります。jQueryでこれを行うにはどうすればよいかわかりません。どんな提案も素晴らしいでしょう。

ありがとう、ヴィッキー

score 6 · Accepted Answer

クラスを切り替えるだけです。これを行うには、次を参照してください。

$("img").toggleClass("border");

CodePen で例を作成しました。ここをクリックしてください。

score 2 · Accepted Answer

$(document).ready(function(){
$('your selector').addClass('sample'); //It can be select,img,a,etc.. });

選択するタグを具体的にしてください。CakePHP 3.x Date HtmlHelper フィールドで使用すると、魔法のように機能しました。

score 1 · Accepted Answer

if($('a[href=image.png] > img').hasClass('sample')){
    $('a[href=image.png] > img').removeClass('sample');
}

そして部分addClass的elseに。

score 1 · Accepted Answer

これは、jQuery.addClass および jQuery.removeClass API を介して簡単に実行できます。

score 1 · Accepted Answer

1

これはそれを行う必要があります：

$('a img').removeClass().addClass('example')

于 2013-07-08T11:18:48.327 に答える

score 1 · Accepted Answer

1

$(document).ready(function(){
    $('a >img').addClass('sample'); //direct descendant of a
});

于 2013-07-08T11:19:49.103 に答える

score 0 · Accepted Answer

HTML コード:

<img id="testImg" src="xyz.jpg" />

CSS コード:

.displayNone{ display:none; }

jquery - クラスを追加する

`$("#testImg").addClass("displayNone");`

jquery - クラスを削除する

$("#testImg").removeClass("displayNone");

7 に答える 7