0

私はコーヒーショップの製品ウェブサイトを開発しています。各製品にコーヒー強度インジケーターがあるエリアがあります。データベースは、強度が強い、中程度、弱い、またはなしのいずれであるかに応じて値を生成します。n/a はコーヒー以外の製品の場合です。

n/a が表示されている場合は、含まれている div を非表示にしたいと思います。

私がこれまでに持っているコードは以下のとおりです。データベースによって表示されるテキストを強度インジケーターの画像に置き換える JavaScript があります。

span タグのコーヒーの強さが n/a の場合、非表示にしたいと思います。

これは可能ですか？

前もって感謝します。

<div class="coffee-strength">
            <p>Coffee Strength: <span><?php echo $_product->getAttributeText('coffeestrength'); ?></span></p>
</div>



<script type="text/javascript">

            jQuery(function ($) {
                $('.coffee-strength p span').each(function () {
                    var string = $.trim($(this).text());
                    $(this).html('<img src="/images/' + string + '.png" alt="' + string + '" />');
                });

            });

</script>
4

4 に答える 4

2

これはうまくいくはずです：

jQuery(function ($) {
    $('.coffee-strength p span').each(function () {
        var string = $.trim($(this).text());

        if (string == "n/a")
            $(this).closest('.coffee-strength').hide();
        else
            $(this).html('<img src="/images/' + string + '.png" alt="' + string + '" />');
    });
});
于 2013-11-15T11:08:42.083 に答える
0 
            jQuery(function ($) {
            $('.coffee-strength p span').each(function () {
                var string = $.trim($(this).text());
                if(string!="n/a"){
                    $(this).html('<img src="/images/' + string + '.png" alt="' + string + '" />');
                }else{
                    $(this).hide();     
                }
                });

        });
于 2013-11-15T11:07:27.023 に答える