-1

次のような一連のフィールドがあります。

<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-label div のすべてのインスタンスを、隣接する .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);

  });
});
4

2 に答える 2

0

.field-label-inline クラスに固定の高さ、たとえば 500px を指定してから、.field-label と .field-items に 100% の高さを指定します。私はcssでこれを行いますが、jqueryは以下です。

$(".field-label-inline").css("height","500px");
$(".field-label").css("height","100%");
$(".field-items").css("height","100%");
于 2013-03-20T18:58:25.087 に答える
0

最終的。これは機能します。それが「良い」解決策であるかどうかはわかりません。

$(document).ready(function(){    

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

  var itemsHeight = 0;

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

  $(this).height(itemsHeight);

  });
});
于 2013-03-21T09:04:31.417 に答える