logo помогаю бизнесу зарабатывать больше.
Связаться
Введите название услуги:

Добавления стиля при обнаружении совпадения по тексту

4 июля 2022 в 15:45 CSS,Jquery

2016-03-18_122725

Содержание

Суть работы скрипта: находит фразу, которую мы указываем и к указанному div-у добавляет class. Для работы необходим jQuery.

Пример работы:

JS

jQuery('a:contains("Sponsored")').closest('.post-item').addClass('sponz');
jQuery('a:contains("Blogs")').closest('.product-overlay').addClass('myaddcartUGEvKorzine');

HTML

<div class="post-item">
<span class="tags">
<a href="#">Blogs</a>
<h3>Lorem</h3>
</span>
</div>

<div class="post-item">
<span class="tags">
<a href="#">Sponsored by Lorem Ipsum</a>
</span>
<h3>Lorem</h3>
</div>

<div class="product-overlay">
<a href="/shop/?add-to-cart=789" class="myaddcart">Already in cart - Add Again?</a>
</div>

CSS

.sponz {
background:#ccc
}

Данный под добавит класс sponz возле класса post-item

Похожие статьи

Оставить заявку
По любым вопросам пишите мне в мессенджеры .
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
Ваша цена
Предложите свою цена за товар или услугу. Пишите мне в мессенджеры или оставьте заявку в данной форме.
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
[contact-form-7 id="22192" title="Универсальная форма"]
[contact-form-7 id="114828" title="Рассчитать стоимость"]