javascript - 我的逻辑方向是否正确？

Question

假设我的 HTML 中某处有以下元素：

<div class="container">
    <div class="box first">I have a height of 100</div>
    <div class="box">I have a height of 200</div>
    <div class="box last">I have a height of 300</div>
</div>
<div class="container">
    <div class="box first">I have a height of 50</div>
    <div class="box">I have a height of 60</div>
    <div class="box last">I have a height of 40</div>
</div>

设置每个盒子的高度以匹配其容器内最高的盒子的正确逻辑是什么？

我的想法是这样的：

1. 对于文档中的每个元素，检查它是否具有类“容器”
2. 对于“容器”的每个子元素，检查它是否具有类“盒子”
3. 如果是，则将其引用添加到数组并将其高度与包含最后检查元素高度的变量进行比较，如果大于则将其分配给变量
4. 将数组中每个元素的高度设置为高度的值

...我在正确的道路上吗？

Answer 1

看看这个..

1. 获取类名为“容器”的元素

   var container = document.getElementsByClassName('container');
   

2. 对于每个容器

   1. 使用 'div' 元素

      var box_div = container[index].getElementsByTagName('div');
      

      或者

      var box_div = container[index].getElementsByClassName('box');
      

   2. 检查 div 的最大高度

   3. 将最大高度设置为所有其他 div