JQuery Find #ID,RemoveClass和AddClass

Question

我有以下HTML

<div id="testID" class="test1">
        <img id="testID2" class="test2" alt="" src="some-image.gif" />
    </div>

我基本上想要#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

尝试这个

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

或者

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

Answer 3

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