如何动态添加和删除多个类名的文本
How can I dynamically append and remove text for multiple class names?
我的页面中有很多元素。
<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'....)
但我不知道如何在不为每个元素单独添加和删除类的情况下修改它们现有的类。
例如$('.userInput').removeClass('userInput').addClass('userInputRed')
有没有一种方法可以在不重复的情况下使用JQuery来做到这一点?
所以像这样的事情。。。
$('.userInput','.userImage'....).appendToClassName('red');
$('.userInputRed','.userImageRed'....).removeFromClassName('red');
您可以使用.userInput.red 在CSS中切换class.red并将其作为目标
相关文章:
- 兰吉 |如何在 span 标签上使用单击事件删除突出显示的文本
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何动态添加和删除多个类名的文本
- jQuery从标签中删除括号/文本
- 单击文本时删除文本框的默认数据
- 添加/删除/更改输入文本的部分值
- 在显示/隐藏中单击时删除的文本
- 单击时从表单中删除特定文本
- 使用VBScript或Javascript从文本框(文本区域)中删除最后一行空/空行
- 使用删除文本创建新行
- Wordpress TinyMCE在从文本切换到视觉时,如果锚标记包裹块元素,则会删除锚标记
- 为什么jQuery正在删除文本的最后一个字符
- 如何删除特定文本短语的所有实例
- 通过点击文本区域添加和删除多个标签
- 隐藏<标签>abc标签>之间的文本 - 删除“ ABC”
- JavaScript 拆分字符串 选定的文本删除
- jQuery淡入/淡出替换文本删除链接
- 遍历元素列表并根据内部文本删除元素上的游标样式
- 将逗号后的文本删除到行尾
- 需要有关jQuery条件的帮助,该条件基于匹配的文本删除容器元素