如何使用jQuery动态替换类的一部分
How to dynamically replace part of a class using jQuery?
我有一个以z-
开头的动态类。如何将z-
动态更改为fa-
加载?
From <a href="#" class="z-dynamic">Link</a>
to <a href="#" class="fa-dynamic">Link</a>
我只想替换班级的一部分,而不是整个班级。
您可以使用属性包含选择器,并使用回调函数调用attr
来修改每个元素的属性。在我的示例中,我使用一个带有正则表达式的字符串replace
方法来确保列表中以z-
开头的所有类都被替换,并且只替换该字符串的那些实例。然后,只需将其包装在jQuery文档就绪包装器中,就可以开始了。
$(function(){
//Select only the a tags with "z-" in the "class" attribute, and modify the attribute using a callback function.
$('a[class*="z-"]').attr('class', function(index, attr) {
//Return the updated string, being sure to only replace z- at the start of a class name.
return attr.replace(/(^|'s)z-/g, 'fa-');
});
});
$(document).ready(function(){
var self = $("a.z-dynamic");
self.attr("class", self.attr("class").replace("z-", "fa-"));
});
这将改变
From <a href="#" class="z-dynamic">Link</a>
to <a href="#" class="fa-dynamic">Link</a>
如果您已经有了对该节点的引用,那么您可以很容易地将一个小regex与.replace()
一起应用于className。
anchor.className = anchor.className.replace(/z-/, 'fa-');
相关文章:
- 用数字单位替换字符串的一部分
- 用HTML元素替换字符串的一部分
- 如何用jQuery替换HTML标签的一部分
- 查找单词的一部分,但替换整个单词
- 使用 jquery 替换 href 的一部分
- j如何从给定字符串的一部分替换字符串
- 在表单提交将DOM的一部分替换为分部之后,我应该将ajax成功绑定到什么来使我的javascript工作
- 如何使用jQuery动态替换类的一部分
- 仅替换 iframe 源的一部分
- 如何仅替换以下正则表达式(JavaScript)的一部分
- 如果两个值都会动态变化,则用变量替换某个字符串的一部分 - Javascript
- 使用正则表达式替换字符串的一部分
- Javascript 如何使用一些要替换的文本替换字符串的一部分
- Javascript - 查找用数组中的值替换字符串的一部分
- 如何将宽于 50 像素的字符串的一部分替换为“..".
- 仅替换匹配项的一部分
- 替换 JavaScript 中字符串的一部分
- Javascript将字符串的一部分替换为变量
- Javascript将单词(不是单词的一部分)替换为西里尔字母
- 将字符串末尾的一部分替换为相同数量的给定字符