特定子要素内に画像がない場合親要素にクラスを付与したいです。
具体的には以下のような構成の元、内包する「float_right」要素に画像がない場合のみ「hoge_parent」に「hoge」を追加したいです。
■処理前html
lang
1<div class="hoge_parent"> 2 <div class="float_left"> 3 </div> 4 <div class="float_right"> 5 <img src="AAAAAAAAA.jpg"/> 6 </div> 7</div> 8 9<div class="hoge_parent"> 10 <div class="float_left"> 11 </div> 12 <div class="float_right"> 13 </div> 14</div> 15 16 17<div class="hoge_parent"> 18 <div class="float_left"> 19 </div> 20 <div class="float_right"> 21 <img src="BBBBBBBBBBBBB.jpg"/> 22 </div> 23</div> 24 25<div class="hoge_parent"> 26 <div class="float_left"> 27 </div> 28 <div class="float_right"> 29 </div> 30</div> 31 32<div class="hoge_parent"> 33 <div class="float_left"> 34 </div> 35 <div class="float_right"> 36 </div> 37</div> 38 39 40<div class="hoge_parent"> 41 <div class="float_left"> 42 </div> 43 <div class="float_right"> 44 <img src="CCCCCCCC.jpg"/> 45 </div> 46</div> 47 48<div class="hoge_parent"> 49 <div class="float_left"> 50 </div> 51 <div class="float_right"> 52 </div> 53</div> 54 55 56<div class="hoge_parent"> 57 <div class="float_left"> 58 </div> 59 <div class="float_right"> 60 <img src="DDDDDDDDDD.jpg"/> 61 </div> 62</div> 63
■処理後html
lang
1<div class="hoge_parent"> 2 <div class="float_left"> 3 </div> 4 <div class="float_right"> 5 <img src="AAAAAAAAA.jpg"/> 6 </div> 7</div> 8 9<div class="hoge_parent hoge"> 10 <div class="float_left"> 11 </div> 12 <div class="float_right"> 13 </div> 14</div> 15 16 17<div class="hoge_parent"> 18 <div class="float_left"> 19 </div> 20 <div class="float_right"> 21 <img src="BBBBBBBBBBBBB.jpg"/> 22 </div> 23</div> 24 25<div class="hoge_parent hoge"> 26 <div class="float_left"> 27 </div> 28 <div class="float_right"> 29 </div> 30</div> 31 32<div class="hoge_parent hoge"> 33 <div class="float_left"> 34 </div> 35 <div class="float_right"> 36 </div> 37</div> 38 39 40<div class="hoge_parent"> 41 <div class="float_left"> 42 </div> 43 <div class="float_right"> 44 <img src="CCCCCCCC.jpg"/> 45 </div> 46</div> 47 48<div class="hoge_parent hoge"> 49 <div class="float_left"> 50 </div> 51 <div class="float_right"> 52 </div> 53</div> 54 55 56<div class="hoge_parent"> 57 <div class="float_left"> 58 </div> 59 <div class="float_right"> 60 <img src="DDDDDDDDDD.jpg"/> 61 </div> 62</div> 63
「hoge_parent」は動的に生成され、かつ画像の有無に規則性はありません。
以上を踏まえた上で、ご教授の程よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/08 05:54