JQuery Find #ID，RemoveClass和AddClass

我有以下HTML

我基本上想要＃testID2并用.test3类替换.test2类？

我试过了

 jQuery('#testID2').find('.test2').replaceWith('.test3'); 

但这似乎不起作用？

有任何想法吗 ？

Answer 1

 jQuery('#testID2').find('.test2').replaceWith('.test3'); 

在语义上，您正在选择具有ID testID2的元素，然后您正在寻找具有类test2 （不存在）的任何后代元素，然后您将该元素替换为另一个元素（页面中任何位置的元素与test3类）那也不存在。

你需要这样做：

 jQuery('#testID2').addClass('test3').removeClass('test2'); 

这将选择ID为testID2的元素，然后将类test3添加到它。 最后，它从该元素中删除了类test2 。

Answer 2

 $('#testID2').addClass('test3').removeClass('test2'); 

jQuery addClass API参考

Answer 3

…..

 $("#testID #testID2").removeClass("test2").addClass("test3"); 

因为你也为img分配了一个id，你也可以这样做：

 $("#testID2").removeClass("test2").addClass("test3"); 

最后，你也可以这样做：

 $("#testID img").removeClass("test2").addClass("test3"); 

Answer 4

试试这个

 $('#testID').addClass('nameOfClass'); 

要么

 $('#testID').removeClass('nameOfClass'); 

Answer 5

更正代码：

 jQuery('#testID2').addClass('test3').removeClass('test2');