我是否采用了正确的逻辑方向？

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. 对于“容器”的每个子元素，检查它是否具有“box”类
3. 如果是，请添加对数组的引用，并将其高度与包含最后一个已检查元素高度的变量进行比较，如果它更大，则将其分配给变量
4. 将数组中每个元素的高度设置为高度值

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

Answer 1

看看这个......

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

   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