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'); 
        }