jquery - 建立具有多种模式的 css 选择器路径

Question

我有多个选择器，如下所示。有什么方法可以让我使用多种模式来构建 css 路径？像.css_selector--${IamClassOne | SomethingRandom | ThisisRandomAgain}-什么？

<div class="css_selector--IamClassOne-variable1">
<div class="css_selector--SomethingRandom-variable2">
<div class="css_selector--ThisisRandomAgain-variable2">

标签： jquerycss-selectorscypress

Answer 1

听起来您正在尝试进行字符串连接——创建一个可以用作 css 选择器的字符串。

function generateSelector (part1, part2) {
    var cssSelector = '.css_selector--' + part1 + '-' + part2;
    return cssSelector;
}
// Usage:
var selector1 = generateSelector('IamClassOne', 'variable1');
var selector2 = generateSelector('SomethingRandom', 'variable2');