Question

我的页面有很多元素。

        <input class="userInput" type="text" />
        <img src="myPic.png" class="userImage" id="userImage" />
        <input class="firstNameInput someOtherClass" type="text" />
        <input class="lastNameInput" type="text" />
        ...etc...

但是我需要编写一个函数来动态更改类，以便它们以“Red”结尾。例如“userInputRed”， “userImageRed”。然后是另一个恢复它们的功能。

我可以很容易地选择它们......

$('.userInput','.userImage'....)

..但我不知道如何改变他们现有的类而不用编写冗长的代码来单独添加和删除每个元素的类。

e.g。 $('.userInput').removeClass('userInput').addClass('userInputRed')

有没有办法在没有那么多重复的情况下使用JQuery做到这一点？

所以这样......

$('.userInput','.userImage'....).appendToClassName('red');
$('.userInputRed','.userImageRed'....).removeFromClassName('red');

Answer 1

您可以切换类.red并使用.userInput.red

在CSS中定位它

如何动态追加和删除多个类名的文本？

1 个答案: