使用Jquery动态添加类？

Question

如何将类选择器动态添加到img标记。例如： img标签应该在anchor标签内，然后只有类名：sample应该动态添加任何一个包含img的锚标签， 的之前：

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

后：

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

如果已经有图像标记包含类，则删除该类，并且可以在jquery中使用新类。我不确定，我怎么能在jQuery中做到这一点。 任何建议都会很棒。

谢谢， 维基

Answer 1

你只需要切换你的课程。为此，请参阅：

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

我在CodePen上为你做了一个例子。 Just click here

Answer 2

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

在您的标签中具体选择。我在CakePHP 3.x Date HtmlHelper字段中使用它，它就像一个魔术。

Answer 3

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

addClass部分else。

Answer 4

这可以通过jQuery.addClass和jQuery.removeClass API轻松完成。

添加课程 - http://api.jquery.com/addClass/ 删除课程 - http://api.jquery.com/removeClass/

Answer 5

这应该这样做：

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

Answer 6

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

Answer 7

HTML code：

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

css代码：

.displayNone{ display:none; }

jquery - 添加类

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

jquery - 删除类

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