使用Jquery動態添加類？

如何將類選擇器動態添加到img標記中。例如： img標籤應該是錨標記，然後只在類名中：樣品應動態取其錨標記包含IMG像添加，前：使用Jquery動態添加類？

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

後：

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

如果已經有圖像標籤包含類，那麼刪除該類，新的類可能在jquery中。我不確定，我如何在jQuery中做到這一點。任何建議都會很棒。

感謝，玉萍

來源

2013-07-08 Vignesh Pichamani

Just use：['.addClass（）']（http://api.jquery.com/addClass/），['.hasClass（）']（http://api.jquery.com/hasClass/ ）和['.removeClass（）']（http://api.jquery.com/removeClass/）。或者使用['.not（）']（http://api.jquery.com/not/）而不是'.hasClass（）'。 – Joe

看到這個http://stackoverflow.com/questions/5995628/adding-attribute-in-jquery刪除屬性添加removeAttr（）之前attr（） – L10

你只需要切換你的班級。要做到這一點，請參閱：

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

我在CodePen上爲您做了一個例子。 Just click here。

來源

2013-07-08 11:21:34

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

而且addClass爲else一部分。

來源

2013-07-08 11:18:29 Paritosh

即使你沒有檢查，也不會有錯誤。 –

這可以很容易地通過jQuery.addClass和jQuery.removeClass API來完成..

添加類 - http://api.jquery.com/addClass/ 刪除類 - http://api.jquery.com/removeClass/

來源

2013-07-08 11:18:35 abipc

這應做到：

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

來源

2013-07-08 11:18:48

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

來源

2013-07-08 11:19:49 coolguy

HTML代碼：

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

CSS代碼：

.displayNone{ display:none; }

的jQuery - 添加類

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

jQuery的 - 刪除類

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

來源

2013-07-08 11:26:31 user2502452

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

具體在您的標籤中進行選擇。我在CakePHP 3.x Date HtmlHelper字段中使用，它的工作方式就像一個魔法。

來源

2015-09-22 14:24:30

使用Jquery動態添加類？

回答

相關問題