Question

我尝试更改html元素，在php if语句中，我试过这个：

<?if ($item['DISCOUNT_PRICE']<$item['PRICE'] AND $item['DISCOUNT_PRICE']>0):?>
                                    <?//MM-227?>
                                    <div class="catalog-product__old-price-outer">
                                        <?=price($item['PRICE'], $item['CURRENCY'])?>
                                    </div>
                                    <?//MM-227?>
                                    <script>
                                        $(".inner-price-block .price-offer").css("color","red");
                                    </script>
                                <?endif;?>
<div class="inner-price-block">
<div id="sku_price_<?=$item['ID']?>" class="price-offer">
                                            <?=price($item['DISCOUNT_PRICE'], $item['CURRENCY']);?>
                                        </div>
</div>

我尝试使用此脚本更改类别优惠：

 <script>
                                        $(".inner-price-block .price-offer").css("color","red");
                                    </script>

我错过了什么？

Answer 1

试试这个：

<script>
                    $(document).ready(function() {
                                        $(".inner-price-block .price-offer").css("color","red");
                    });
                                    </script>

Answer 2

您可以使用php而不是jquery来设置如下所示的条件：

<?php $color="";
if ($item['DISCOUNT_PRICE']<$item['PRICE'] AND $item['DISCOUNT_PRICE']>0):
    $color="red";?>
    <?//MM-227?>
    <div class="catalog-product__old-price-outer">
        <?=price($item['PRICE'], $item['CURRENCY'])?>
    </div>
<?php endif;?>

<div class="inner-price-block">
    <div id="sku_price_<?=$item['ID']?>" class="price-offer" <?= ($color!=''?'style="color:'.$color.'":""'?>>
        <?=price($item['DISCOUNT_PRICE'], $item['CURRENCY']);?>
    </div>
</div>

php if语句中的jquery更改元素

2 个答案: