0

День добрый. Как можно запустить проверку на наличие элемента .sale_price в .call_price? В данном варианте класс убирается из всех .price, а надо только в том случае если присутствует .sale_price в этой ячейке.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5//EN"
        "http://www.w3.org/TR/html5/html5.dtd"
        >
    <html lang="en">
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
        jQuery(document).ready(function ($) {
            if($('.sale_price').length){
                $('.price').addClass('cross_price');
            $('.price').removeClass('price');
        }
        });

    </script>
    <style>
        .cross_price{text-decoration: line-through;}
    </style>

    </head>
    <body>
        <div class="call_price">
            <div class="price">150</div>
            <div class="sale_price">100</div>
        </div>
        <div class="call_price">
            <div class="price">20</div>
        </div>
        <div class="call_price">
            <div class="price">20</div>
        </div>
        <div class="call_price">
            <div class="price">120</div>
            <div class="sale_price">90</div>
        </div>
    </body>
    </html>

1 ответ 1

1
$('.call_price:has(.sale_price) .price').removeClass('price');
4
  • спасибо. работает
    – x01x
    18 июл 2014 в 10:53
  • можно ли как то еще добавить проверку в случае если .sale_price присутствует но пустое? попробовал так: $('.call_price:has(.sale_price:empty) .price') .addClass('cross_price') не заработало.
    – x01x
    18 июл 2014 в 11:41
  • Должно работать. Возможно синтаксические ошибки где-то или нет пустых .sale_price
    – andreyqin
    18 июл 2014 в 12:02
  • точно) спасибо.
    – x01x
    18 июл 2014 в 12:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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