javascript - 使用 Jquery 动态添加类？

Question

如何将类选择器动态添加到img标签中。例如： img 标签应该在锚标签内，然后只有类名：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 APIs 轻松完成。

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