jQuery根據外部div大小更改iside div寬度大小

Question

嗨，我想根據外部div寬度更改div寬度的值

我是jquery和javascript的新手，並嘗試過以下代碼：

if ($('col-md-4 col-sm-6').width() <= 320 ){
   $('.card-info').width(120px)
};

但這沒用...

的HTML是：

<div class="col-md-4 col-sm-6">
 <div class="card-info">
 </div>
</div>
<div class="col-md-4 col-sm-6">
 <div class="card-info">
 </div>
</div>
(...)

有人可以幫我找出解決方法，如果div“ col-md-4 col-sm6”小於或等於320px，請將div“ card-info”更改為120px寬度。

非常感謝。

Answer 1

您沒有在jQuery中選擇col-md-4和col-sm-6類。 您在這里錯過了$('col-md-4 col-sm-6') col-md-4之前的點（。），然后錯過了一個逗號（，）和col-sm-6之前的另一個點。 解決方案是

    if ($('.col-md-4, .col-sm-6').width() <= 320 ) {
      $('.card-info').width(120); 
    }

要么

        if ($('.col-md-4, .col-sm-6').width() <= 320 ) {
          $('.card-info').css('width', '120px'); 
        }