JQuery, чтобы смежное DIVS той же высоту

Question

У меня есть ряд полей, такие как:

<div class="field-label-inline"> 
    <div class="field-label">something1</div> 
    <div class="field-items"> 
    <div class="field-item">sometext1</div> 
    </div> 
</div> 
<div class="field-label-inline"> 
    <div class="field-label">something2</div> 
    <div class="field-items"> 
    <div class="field-item">sometext2</div> 
</div> 

Я хочу, чтобы все экземпляры .Field этикетки Дива ту же высоту, смежные .field-items div (высота этого div зависит от его содержимого). К сожалению, мой jQuery почти не существует; вот мой лучший, но неудачная попытка:

$(document).ready(function(){  

    $('.field-label-inline > .field-label', this).each(function(){ 

    var itemsHeight = 0; 

    itemsHeight = $(this + .field-items).height(); 

    $(this).height(itemsHeight); 

    }); 
}); 

Answer 1

дайте .field ярлык Инлайн-класс фиксированной высотой, скажем, 500px, а затем дать .field-метку и .Field-элементы высотой 100%. я бы сделал это в css, но jquery ниже.

$(".field-label-inline").css("height","500px"); 
$(".field-label").css("height","100%"); 
$(".field-items").css("height","100%"); 

Answer 2

В конечном счете. Это работает. Я понятия не имею, если это «хорошее» решение.

$(document).ready(function(){  

    $('.field-label-inline .field-label').each(function(){ 

    var itemsHeight = 0; 

    itemsHeight = $(this).next().height(); 

    $(this).height(itemsHeight); 

    }); 
});