Селектор contains

Селекторът :contains избира елементи, които съдържат зададен текст.

Синтаксис

Така избираме елементи по зададен текст. Текстът може да бъде в кавички или без. Също такива този параметър е чувствителен към регистъра:

javascript$(':contains(текст)');

Пример

Нека изберем абзац с текст bbb и поставим в неговия край текст '!!!':

html<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
javascript$('p:contains("bbb")').append('!!!');

HTML кодът ще изглежда така:

html<p>aaa</p>
<p>bbb!!!</p>
<p>ccc</p>

Вижте също

  • методът find,
    който търси елементи вътре в вече намерени
  • методът text,
    който получава и променя текста на елемент
  • методът contents,
    който позволява да се получат наследниците на елемент и текста вътре в този елемент