在类名中添加包含特定文本的类

Add class containing spesific text in class name

本文关键字：文本 包含特 添加      更新时间：2023-09-26

我下载了一个CSS文件，看起来像这样(前几行)

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}
.flaticon-3dm-file-format:before {
    content: "'f100";
}

问题是不是所有的文件扩展名类都以相同的方式编写。

.flaticon-3gp-file-format-variant:before {
    content: "'f103";
}

一个类看起来像这样，例如

$(myelement).addClass('flaticon-' + extension + '-file-format');

所以这行代码只是有时有效。

是否有一种方法可以找到并添加包含flaticon和extension-type在jQuery中的特定类?

在CSS选择器中使用的东西也可以用于Jquery选择器。

所以你只需要

$('[class^="flaticon-"][class*="-file-format"]')
  • [class^="flaticon-"] ->选择所有以flaticon-
    • 为class(^)开头的元素
  • [class*="-file-format"] ->选择所有在
    • 名称(*)中class为-file-format的元素

所以当你把它们组合在一起时，这意味着选择一个元素，它的类以flaticon-开头，在它后面的任何地方都有-file-format。

那么这将选择两个class为

的元素

.flaticon-3dm-file-format和flaticon-3gp-file-format-variant

相关文章：