Изменение DIVA в зависимости от его содержимого

[Menro]

Всем, привет!
Подскажите пожалуйста, как мне реализовать следущее:

Есть на странице вот такие дивы:

<div class="product-field-display">10</div>
<div class="product-field-display">в теплице</div>
<div class="product-field-display">стойкий</div>

Мне нужно как-то в определить содержимое данных блоков и с учётом этого добавить свой стиль для каждого.
Например если в диве product-field-display есть слово "в теплице", то дописываем класс: <div class="product-field-display-tepl">в теплице</div> ну и по аналогии.

Заранее большое спасибо!

 

[ZiX]

Всем, привет!
Подскажите пожалуйста, как мне реализовать следущее:

Есть на странице вот такие дивы:

<div class="product-field-display">10</div>
<div class="product-field-display">в теплице</div>
<div class="product-field-display">стойкий</div>

Мне нужно как-то в определить содержимое данных блоков и с учётом этого добавить свой стиль для каждого.
Например если в диве product-field-display есть слово "в теплице", то дописываем класс: <div class="product-field-display-tepl">в теплице</div> ну и по аналогии.

Заранее большое спасибо!

Используйте jquery. Там все просто.

 

[Absolute]

$(document).ready(function(){
$('.product-field-display:contains("в теплице")').addClass('YOUR_CLASS'); 
});

 

[ZiX]

Большое спасибо за ответ.
К сожалению не получается применить это к своему сайта.
jquery подключен, в коде странице написал вот это:

<script>
$(document).ready(function(){
$('.product-field-display:contains("В теплице")').addClass('myclass');
});
</script>

Что сделал не так?

дай сайт. я в консоли проверю на лету. Где у тебя эта надпись?

 

[Menro]

дай сайт. я в консоли проверю на лету. Где у тебя эта надпись?

Спасибо, уже сделал!