【前提】
wpのプラグイン「Advanced Custom Fields」を使い、画像の挿入と吐き出しをしています。
画像を入れない場合Chromeのデベロッパーでは「<img src="uncckown">」と表示されます。
やりたいこと
タイトルにもありますが、imgのsrc内がからの場合、imgを囲む親要素のdivにクラスを付与し、そのクラスに「display: none」を適用させたいです。
imgのsrcが空の場合、javaScriptやjQueryで親要素のdivににクラスを付与する方法を教えてください。
私の知識不足で、申し訳ございませんが、ご教示いただけますと幸いです。
<!--============================== 現在記載しているコード ==============================--> <div class="bl_imgBox"> <div class="bl_imgBox_item"> <img src="<?php the_field('img_01'); ?>"> </div> <div class="bl_imgBox_item"> <img src="<?php the_field('img_02'); ?>"> </div> <div class="bl_imgBox_item"> <img src="<?php the_field('img_03'); ?>"> </div> <div class="bl_imgBox_item"> <img src="<?php the_field('img_04'); ?>"> </div> </div> <!--============================== Chromeデベロッパー上のコード 現在wpプラグイン「Advanced Custom Fields」で4つ目の画像を入れていないため下記のように表示されます。 ==============================--> <div class="bl_imgBox"> <div class="bl_imgBox_item"> <img src="サイトURL/lb/img/text_img.jpg"> </div> <div class="bl_imgBox_item"> <img src="サイトURL/lb/img/text_img.jpg"> </div> <div class="bl_imgBox_item"> <img src="サイトURL/lb/img/text_img.jpg"> </div> <div class="bl_imgBox_item"> <img src="unknown"> </div> </div>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/06/28 10:33
2022/06/28 10:34
2022/06/28 10:51