我有一个有3个或4个类的div。我需要找到名称=“aClass”的类,并将其替换为“anotherClass”。我怎样才能做到这一点与jQuery?在不同情况下,“aClass”可能出现在类名列表中的任何位置,例如在一个案例中它是第一类,在另一个案例中它可能是最后一个甚至是中间。用多个类替换div类名称
3
A
回答
8
$('.aClass').removeClass('aClass').addClass('anotherClass');
您也可以在class
属性的字符串替换,但是当你看到你最好只使用第一个例子:
$('.aClass').attr('class', function() {
return $(this).attr('class').replace('aClass', 'anotherClass');
});
1
if ($('#selector').hasClass('aClass')) {
$(this).removeClass('aClass');
$(this).addClass('anotherClass');
}
0
不难:
var replace_this = 'aClass';
var with_this = 'anotherClass';
$('.' + replace_this).removeClass(replace_this).addClass(with_this);
1
由于问题(即标题)没有提到jQuery(直到完整解释),我将用我纯粹的JS解决方案做出贡献。
var el = document.getElementById("myDiv"); el.className = el.className.replace(/\baClass\b/," anotherClass ");}
这应该抓住 “富ACLASS”, “ACLASS foo” 和 “FOO ACLASS吧”。缺点:它总会添加额外的空白区域,但不应该破坏任何东西。
相关问题
- 1. 用javascript替换类名称
- 2. 笨 - 与名称替换类ID在URL
- 3. 替换类名BeautifulSoup
- 4. 用jquery交换类名称
- 5. woocommerce回顾类别名称为div类?
- 6. 用Java扩展多个类的替换
- 7. 如何使用replaceWith替换多个div类中的img和div ID的
- 8. 多个类名称和应用CSS取决于类名称组合
- 9. mousemove与多个div具有相同的类名称
- 10. 按类名称隐藏/显示多个div
- 11. 使用js替换类名称的字体系列
- 12. 如何用javascript替换类的HTML名称
- 13. 用名称替换值
- 14. fb:名称替换
- 15. 当多个同类名称的类别标识具体类别
- 16. 在多个div上切换css类
- 17. Javascript停止输入多个类名称
- 18. 存储在多个类别名称
- 19. 同一类的多个名称?
- 20. JAXB - XmlElement的多个名称和类型
- 21. 变量中的多个类名称
- 22. 使用JavaScript替换类名值
- 23. 用函数替换异步匿名类
- 24. 变量名称扩展多重替换
- 25. jquery查找与多个div具有相同类名称的最接近的div
- 26. 用另一个名称替换url中的目录名称
- 27. 替换每个第n个类名,并用jQuery帮助替换它
- 28. 使用类名称使用一个div的JavaScript
- 29. 获取WordPress的分类蛞蝓姓名(或名称)的DIV类
- 30. 更改一个类的多个元素的类名称
辉煌!谢谢! – 2011-04-18 18:12:51