Селектор для неназванного текста?

Question

Это невозможно, не обращайте внимания на этот вопрос.Спасибо за помощь.

Есть ли способ выделить текст для чего-то подобного, а для примера скажем, что я хочу выделить текст утка :

<div id="derp">
  <a class="irrelevant">duck cat woof</a>
</div>

Любая помощь приветствуется.

Редактировать: Видимо, хотелось добавить тег jquery.Просто CSS, извините.Отредактируйте снова:

Краткий ответ: не с помощью css.Что ты пытаешься делать?Добавьте немного контекста, пожалуйста.- До 1 минуты назад

На Reddit у вас есть возможность изменить CSS вашего «subreddit».Но вы не можете изменить любой другой код, только таблицу стилей.Поэтому я в основном хочу иметь возможность выбрать слово текста, которое не было присвоено внутри элемента div, и иметь возможность использовать контент с псевдоселектором для добавления изображения / текста до или после некоторого текста, соответствующего «xxx».

Answer 1

Вы можете попробовать что-то вроде:

$('#derp').children('a').val();

Answer 2

Это зависит от окружающего HTML. Является ли элемент a единственным потомком #derp?

#derp > a /* a being the only a child */
#derp > a:first-of-type /* a being the first child */

Вы также можете использовать селекторы атрибутов:

#derp > *[attr="val"]

Ознакомьтесь с документом W3Cs Selector Level 3 для всех доступных CSS3-селекторов.

Answer 3

Не используя идентификатор или класс, вы можете выбрать его с помощью $('div a').text().Это даст вам текст первого a в первом div.

Без каких-либо атрибутов невозможно будет указать конкретный элемент.