0

Здравствуйте!

Подскажите, пожалуйста, как правильно проверить наличие какого-то значения (текста) внутри блока.

Есть блоки div с классом .product-wrapper (таких блоков много), внутри этого блока, есть старая цена .old-price. Как сделать так: если у товара нет старой цены, к родителю .product-wrapper добавлялся бы новый класс, например .new?

Написал код, но он не работает:

    $('.product-wrapper').each(function () {
        if ($(this).find('.old-price').val().length) {
            $(this).parents('.product-wrapper').addClass("new");
        }
    });

Структура:

<div class="products-wrapper">

    <div class="product-wrapper">
        <div class="old-price">2500 руб.</div>
    </div>

    <div class="product-wrapper">
        <div class="old-price">старой цены нет, нужно проверить, что здесь пустота</div>
    </div>

    <div class="product-wrapper">
        <div class="old-price">6750 руб.</div>
    </div>

</div>
3
  • @jsp, Неплохо было бы глянуть на структуру HTML. И элемент с классом "old-price" - это элемент формы? Если наугад, то такой вариант: $('.product-wrapper').each(function () { if ($.trim( $(this).find('.old-price').val() ) == '') { $(this).closest('.product-wrapper').addClass("new"); } });
    – Deonis
    8 мар 2015 в 9:39
  • Код не работает. Структура: <div class="products-wrapper"> <div class="product-wrapper"> <div class="old-price">2500 руб.</div> </div> <div class="product-wrapper"> <div class="old-price">здесь старой цены нет</div> </div> <div class="product-wrapper"> <div class="old-price">6750 руб.</div> </div> <div class="product-wrapper"> <div class="old-price">здесь старой цены нет</div> </div> </div>
    – jsp
    8 мар 2015 в 10:00
  • Супер! Все работает! Огромное спасибо!
    – jsp
    8 мар 2015 в 10:30

2 ответа 2

2

@jsp, это уже ближе к правде. Надеюсь, что "здесь старой цены нет" - это только для примера, в реальных условиях там пусто.

$('.old-price').each(function(i, el){
    if( $.trim( $(el).text() ) == '' ) {
       $(el).parent('.product-wrapper').addClass('new');
    }
});
1

Что-то вы явно не то написали, $(this).find('.old-price').val().length вернёт длину значения поля .old-price

А вам, насколько я понял, надо проверять наличие этих полей, точнее их отсутствие.

Значит вам надо использовать !$(this).find('.old-price') или $(this).find('.old-price').length === 0

То бишь вот такой примерно код должен работать:

$('.product-wrapper').each(function () {
    if ($(this).find('.old-price').length === 0) {
        $(this).parents('.product-wrapper').addClass("new");
    }
});
1
  • Не работает. Мне нужно проверить именно значение val, потому как в каждом .product-wrapper уже существует .old-price, но только когда есть старая цена у товара, .old-price заполняется своим значением, вот это и нужно проверить, есть значение в .old-price или его нет.
    – jsp
    8 мар 2015 в 9:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.