Javascript Can'；不能让jQuery匹配高度

我无法使用以下代码使我的按钮高度匹配。我导入了jQuery。有什么想法吗？我肯定我忽略了一些明显的东西

<div class="row-fluid " id="imageUploadBtns">
   <div class="span2 offset2" id="imageUploadBtn"> 
      Some Text 
   </div>
   <div class="span2" id="imageUploadBtn">
      ...
   </div>
   <div class="span2" id="imageUploadBtn">
      ...
   </div>
   <div class="span2" id="imageUploadBtn">
      ...
   </div>
</div>

<script>
   boxes = $('#imageUploadBtn');
   maxHeight = Math.max.apply(
   Math, boxes.map(function() {
       return $(this).height();
   }).get());
   boxes.height(maxHeight);
</script>

一些文本
...
...
...
框=$（“#图像上传BTN”）；
maxHeight=Math.max.apply(
Math，box.map（函数（）{
返回$（this.height（）；
}).get（））；
高度（最大高度）；

您不应该对多个属性使用相同的ID。 您可能只从$（“#imageUploadBtn”）获得一个元素 试用 $（“.span2”）

---

相反

为什么有多个元素具有相同的

id

属性？使用选择器

“.span2”

可能是有意义的，因为使用

#

将只返回一个元素（最多），因为

id

应该是唯一的。使用“.span2”是他们的另一个共同点，它实际上会返回匹配元素的完整列表。为什么不将id=“imageUploadBtn”更改为class=“imageUploadBtn”？这比使用非唯一ID更有意义，因为非唯一ID是一种糟糕的形式。该代码将完全按照所描述的那样执行@Archer或者更好：试试$（'#imageUploadBtns.span2'）试试将这些跨距的显示设置为内联块我的问题中省略了一些代码-这就是问题所在。你的回答有效-谢谢