Javascript 如何将切换id更改为“更改”；“之前”；css类？使用Unicode

我有一个FAQ问题列表，还有一些CSS。我想做的是将uni代码从a+改为-so-from

内容：“\ff0b”；内容：“\002D”

以下是我的代码、css和HTML：

.faquestion{
光标：指针；
颜色：#fff；
左边框：12px实心rgb（3,59,76）；
边框：2个实心#fff9e6；
背景色：rgb（3,59,76）；
边界半径：4px；
填充：10px 10px 10px 15px；
垂直对齐：底部对齐；
}
。常见问题解答：悬停{
颜色：#000；
边框：2倍实心rgb（0,87152）；
背景色：#DDCBA4；
}
.faquestion：：之前{
内容：“\ff0b”；
右边填充：8px；
字体大小：粗体；
}

函数切换器（divId）{
$（“#”+divId）.toggle（）；
}
我该怎么去那里？
沿着黄砖路走

什么是虚拟体验？

虚拟体验是…

我可以给出两种解决方案

第一种解决方案是对

内容使用
attr（）
：

规则，伪类

：before

。在css中执行此操作：

.faquestion::before {
    content: attr(before-content);
    ...
}

并添加一个额外的jquery代码，允许您根据切换原则将图标从-更改为+：

$(element).attr("before-content", function (index, attr) {
    return attr == " \uff0b " ? " \u002D " : " \uff0b ";
});

另外，默认情况下，将图标初始化为+：

$(document).ready(function () {
    $(".faquestion").attr("before-content", " \uff0b ");
});

片段：

.faquestion{
光标：指针；
颜色：#fff；
左边框：12px实心rgb（3,59,76）；
边框：2个实心#fff9e6；
背景色：rgb（3,59,76）；
边界半径：4px；
填充：10px 10px 10px 15px；
垂直对齐：底部对齐；
}
。常见问题解答：悬停{
颜色：#000；
边框：2倍实心rgb（0,87,152）；
背景色：#ddcba4；
}
.faquestion：：之前{
内容：attr（内容之前）；
右边填充：8px；
字体大小：粗体；
}

$（文档）.ready（函数（）{
$（“.faquestion”）.attr（“内容之前”，即“\uff0b”）；
});
功能切换器（元件）{
$（元素）.next（）.toggle（）；
$（元素）.attr（“内容之前”，函数（索引，attr）{
返回属性==“\uff0b”？“\u002D”：“\uff0b”；
});
}
我怎么去那里？
沿着黄砖路走

什么是虚拟体验？

虚拟体验是……

切换具有该规则的类可能是最简单的我将“answer1”切换为“answer20”，那么你是说为其中的每一个创建一个类吗？我不知道从哪里开始。没有像

.faquestion clicked:：before{content:“\002D”}

这样的类，然后使用jquery toggleClass在单击的元素上切换它。也许更具体一点，在选择器中包含主类

.faquestion.faquestion单击：：在…

之前，您的问题是否仍然相关？我可以给出两个解决方案。