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

Question

当我编写代码而不是使用 camelCase 或 seperate_with_underscore 时，我将 class 名称与自定义 unicode 字符分开。 像这样：

sideNav、header、text

因此，如果我有一个带有特定修饰符 state 的 class，我会这样写：

sideNav、header、textᆞbold

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

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

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

喜欢：

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

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

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

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

Answer 1

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

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

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

2. 找到要修改的字符的位置。 例如：

string.indexOf('a') 。

3. 用span包裹字符（有很多方法可以做到这一点 - 看看这个）。

4. 使用 CSS 添加 class 到 span 和样式。

Answer 2

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

如果你所有的选择器都存在于<span class="selector">中，那么你可以做这样的事情......

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