Найти текст, сгенерированный CSS-свойством "content"

Question

https://jsfiddle.net/2gf6gq0s/

я использую ::after псевдоэлемент для вставки текста в мой документ:

<div class="foo"></div>
<div>test</div>

<style>
.foo::after { content: "hello johnny"; }
</style>

Однако, если я нажму Ctrl+F, чтобы найти текст, я не смогу найти слово "привет" или слово "Джонни". Очевидно, что со словом "тест" все в порядке.

Как это можно исправить?

Answer 1

Это невозможно (если только сам браузер не обладает этой функциональностью), потому что псевдоэлемента нет в DOM. Так что даже с помощью js/jQuery вы не можете выбрать их