2

这似乎应该很容易，我已经阅读了很多文档，但似乎找不到答案。

我有一些嵌套的 div，我想获取页面上每个 div 的高度并将其应用到另一个作为子元素的 div 中。

我需要获取每个期刊图像容器并将其应用于每个期刊图像标题。页面上有多个 this 实例，因此最好使用 each() 语句。

这是我的 HTML

<div class="each-journal-image-container clearfix">
    <div class="four columns">
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
    </div>
    <div class="two columns">
      <div class="each-journal-image-caption delay-2 animated fadeInLeftBig"></div>
    </div>
</div>

干杯，R

4

3 回答 3

4

我能想到的最短解决方案：

$('.each-journal-image-container').each(function() {
    var h = $(this).height();
    $(this).find('.each-journal-image-caption').height(h);
});

当然，你可以像这样组合这些行，但如果你有 1000 个 div，它的效率应该会降低。如果少于一百个，则差异可以忽略不计：

    $(this).find('.each-journal-image-caption').height($(this).height());
于 2013-02-08T15:43:57.553 回答
1

使用height()属性。它可以同时用于：获取高度和设置元素的高度。

$('.each-journal-image-container .four').height( $('.each-journal-image-container .two').height() );
于 2013-02-08T15:42:15.560 回答
0

你会这样做：

$('.each-journal-image-container').each(function(i,item){
    var height = $(item).height();
    $(this).find('.each-journal-image-caption').height(height);
});
于 2013-02-08T15:43:42.200 回答