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

Question

我知道这可能看起来像一个奇怪的问题，但我用一定的命名约定编写我的CSS代码。尽管最初的尴尬，它仍然适合我。

基本上我没有使用camelCase或seperate_with_underscore，而是使用自定义unicode字符分隔我的类名。比如这个：

sideNavܢ头ܢ文本

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

sideNavܢ头ܢ文本ᆞ粗体

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

我正在使用原子文本编辑器，有时我希望能够隐藏这些特殊字符。我可以使用javascript来选择Atom中的东西，但是可以使用javascript来字面选择单个字符吗？

然后我可以使用该选项对其应用“display：none”样式吗？

像：

var a = document.getElementByChar("a");
a.style.display = "none";

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

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

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

Answer 1

如果我正确理解您的问题，可以在JavaScript中使用：

1. 从className获取整个字符串：

const string = document.querySelector(".sideNavܢheaderܢtext").textContent

1. 找到要修改的角色的位置。例如：

string.indexOf('a')。

1. 用span包裹角色（有很多方法可以做到 - 请查看this one）。

2. 使用CSS将类添加到span和style。

Answer 2

我不熟悉Atom。这些选择器中的每一个都是Atom中的dom元素吗？

如果您的所有选择器都存在于<span class="selector">中，那么您可以执行类似的操作......

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