如何使用jQuery將div大小調整為其同級？

Question

<div class="left_and_right">
    <div class="left"> .. something .. </div>
    <div class="right"> .. something .. </div>
    <div class="left"> .. something .. </div>
    <div class="right"> .. something .. </div>
    <div class="left"> .. something .. </div>
    <div class="right"> .. something .. </div>
</div>

說我有一個主要的div，其中三個div分別交替出現。 我想做的是：

加載頁面時，將每個“左”的寬度設置為“右”。

因此，我嘗試了： $("div[class=left]").attr('height', $(this).next().attr('height'))

這不起作用。

找到元素的同級並使用其屬性的正確方法是什么？

Answer 1

$("div.left").each(function(){
    $(this).height($(this).next().height());
});

Answer 2

嘗試這個

$('div[class="left"]').each(function(){
   $(this).css('height',$(this).next().height());
});