標題にありますように、画像サイズの縦横が同じサイズ(正方形)の場合にClassを付けたいと思います。
現状のコードですと、リストにあるそれぞれの画像の縦横サイズは取得できるのですが、if文で縦横同じサイズのみにclassを付ける条件分岐を設定したのですが、縦横同じサイズではないサイズのコードにもclass名「time_width」が付いてしまいます。
ご教示頂けますと幸いです。
HTML
1 <ul> 2 <li class="list"> 3 <p><img src="test1.jpg"><!--140×140サイズの画像--></p> 4 </li> 5 <li class="list"> 6 <p><img src="test2.jpg"><!--320×250サイズの画像--></p> 7 </li> 8 </ul> 9
JS
1 <script> 2 $(window).load(function(){ 3 $('.list').each(function(){ 4 $img_width = $('.list img').width(); 5 $img_height = $('.list img').height(); 6 if($img_width == $img_height){ 7 $('.list img').addClass('time_width'); 8 } 9 }); 10 }); 11 </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/11/28 02:29