使用Javascript选择/应用特定字符的样式

我知道这似乎是一个奇怪的问题，但我用特定的命名约定来编写CSS。尽管最初有点尴尬，但它很适合我

基本上，我不用camelCase或separate_和_下划线，而是用自定义unicode字符分隔类名。例如：

侧导航标题文本

如果我有一个带有特定状态修饰符的类，我会这样写：

侧导航标题文本ᆞ大胆的

这些不是css选择器，这只是我的命名约定。现在回答我的问题

我正在使用atom文本编辑器，有时我希望能够隐藏这些特殊字符。我可以使用javascript在Atom中选择内容，但是否可以使用javascript直接选择单个字符

然后我可以使用该选择对其应用“显示：无”样式

比如：

任何帮助或想法都将不胜感激

更新：我不想实际删除字符。只需“隐藏”它们就可以了。我使用的命名约定实际上比这复杂得多，我使用这些特殊字符来定义文档中的各种模式

---

然而，有时我只关心某些选择器，我希望其他选择器暂时离开

如果我正确理解了你的问题，用JavaScript你可以：

从类名中获取整个字符串：

const string=document.querySelector（“.sideNavܢheaderܢtext”）.textContent

查找要修改的角色的位置。例如：

string.indexOf（'a'）

用

span

包装字符（有很多方法可以做到这一点-签出）

使用CSS将类添加到span和样式

---

我对Atom不熟悉。这些选择器都在Atom中的dom元素中吗

如果所有选择器都存在于

中，那么您可以这样做

$('span.selector').each(function(elm){
    $(elm).text($(elm).text().split('ܢ').join('<b style="display:none;">ܢ</b>'));
});

$（'span.selector'）。每个（函数（elm）{
$（elm）.text（$（elm）.text（）.split（'ܢ'）.join（'ܢ'）；
});

否。您需要将该字符包装在类似

的元素中，并隐藏元素awww，我想是这样的。谢谢你的确认。我会找到其他方法。如果需要，可以使用String#replace（）将字符替换为包装它的元素

$('span.selector').each(function(elm){
    $(elm).text($(elm).text().split('ܢ').join('<b style="display:none;">ܢ</b>'));
});