Скрыть элемент, если он содержит определенный текст

У меня есть следующий код на моем сайте электронной торговли.

Я бы хотел поискать проверить, содержит ли он «0.00»,

Если он содержит «0.00», я хотел бы скрыть родительский div, содержащий цену

Это связано с тем, что мы хотим, чтобы продукт появлялся в Интернете, но, несмотря на то, что он не может быть куплен, цена все еще отображается, поэтому мы не хотим, чтобы людей путали, если они видят цену как 0,00 руб.

GBP £0.00

Возможно ли использование какой-либо формы javascript?

Если вы не можете изменить свой HTML, это немного утомительно, потому что текст должен быть очищен от currencyCode и currencySymbol. Способ сделать это – клонировать div, а затем взять текст:

 $(".ct_pd_item_price.ct_pd_item_value").filter(function(){ return $(this).clone().find('.ct_currencyCode, .ct_currencySymbol').remove().end().text().trim()=="0.00" }).hide() 

демонстрация

Конечно, более простой HTML, возможно со значением в атрибуте данных, будет легче справиться.

Другой способ с регулярным выражением

 $('[itemprop="price"]').each( function() { var elem = $(this); if (elem.text().match(/[^\d]0\.00/)) { elem.closest(".ct_pd_item_price.ct_pd_item_value").hide(); } } ); 

Вытягивает текст, и он будет равен £0.00 [anynumber]0.00 Так что цена не будет [anynumber]0.00