javascript - 检查窗口调整大小时所有元素的大小是否相同

Question

我在这里有这段代码：

jQuery(document).ready(function () {
    window.onresize = function() {
        alert("changed");
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

我现在更改窗口大小需要检查我的一个孩子是否高于其他孩子。如果属实，我想为wrapped我所有的孩子添加一个班级。如何在 JavaScript 或 jQuery 中做到这一点？

标签： javascriptjqueryhtml

Answer 1

如果我理解正确，请检查它

jQuery(document).ready(function () {
    window.onresize = function() {
        var winWidth = $(window).width()
        $('.child','.container').each(function(idx,item){
            if($(item).width() > winWidth)
              console.log(item,$(item).index())
        })
        
        alert("changed");
    }
});

.child{
width:800px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>