jquery - 向元素添加动态类

标签 jquery css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 3 年前

您好,我有一个名为“fx -...”的变量类,我想添加一个没有后缀“fx-”的类。 例如“淡入淡出”。 我该怎么办?

<h1 class="way-animate fx-fadeUp">Title</h1>

最佳答案

我假设您想用该类的其他部分替换任何 fx-* 类。

首先我们得到 H1 的类列表,然后我们循环,当我们找到一个匹配项时,我们就做我们想做的事。 如果您想保留它,只需删除我代码中的 removeClass 行即可。

var classList = $('h1').attr('class').split(/\s+/);
$.each(classList, function(index, item) {
    if (item.includes('fx-')) {
        $("h1").removeClass (item);
        var newclass=item.replace(/fx-/gi, "");
        $("h1").addClass(newclass);
    }
});

[已更新] 你可以在这里看看:https://jsfiddle.net/k86oqwn9/1/

关于jquery - 向元素添加动态类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59615035/

上一篇:html - 网站上的下拉按钮停止工作

下一篇:css - @font-face 仅当字体安装在本地计算机上时才有效

相关文章:

javascript - 提交的 jquery 例程没有被调用

jquery - 如何自动调整容器内输入字段的大小

jquery - 无法登录/等待消息并重定向 html/css/ajax

javascript - 模式不会用转义键关闭

javascript - 自定义脚本上的 Eonasdan/bootstrap-datetimepicker 选项

javascript - 获取URL参数并过滤掉特定参数

javascript - 使用挖空绑定(bind)在网页中显示图像

css - 在不影响其他列表项的情况下更改列表项的高度

javascript - 并排放置 2 个对象,其中 1 个在 css 中具有固定大小

css - Wordpress 网站不显示任何背景颜色