:contains(text)1.1.4
Соответствует элементам, которые содержат строку text. Чувствителен к регистру.
Примеры использования:
| $('div:contains("Петр")')
| вернет все div-элементы, внутри которых найдется строка Петр.
|
С помощью селектора :contains(text), элемент будет выбран как в случае если строка text присутствует непосредственно внутри него, так и в случае, если она находится внутри одного из его потомков.
В действии
Обведем красной рамкой div-элементы, содержащие текст "товарищ".
~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
~lt~style~gt~
div{
margin: 10px;
padding: 3px;
background-color: #EEEEEE;
border:1px solid black;
}
~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
~lt~div~gt~ Текст о товарище ~lt~/div~gt~
~lt~div~gt~ Текст о ком то другом ~lt~/div~gt~
~lt~div id="wrap"~gt~
~lt~div~gt~ Вложенный текст о товарище ~lt~/div~gt~
~lt~div~gt~ Обычный вложенный текст~lt~/div~gt~
~lt~/div~gt~
~lt~script~gt~
$('div:contains("товарищ")').css('border', '1px solid red');
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~
Ссылки