Javascript JQuery选择每个父项，获取child1的高度并将child2设置为child1高度

因此，我有一个php脚本，可以从重复以下HTML的数据库生成新闻/案例帖子

    <a href='/post/placeholder'>
  <div class='col nopadding col12-12 counter'>
    <div class='col col6-12 vheight'>
      <h2>placeholder</h2>
      <p>placeholder</p>
    </div>
    <div class='col col6-12 nopadding varheight '>
      <div class='imagewrapper'>
        <img src='/public/images/images/placeholder.jpg' />
      </div>
    </div>
  </div>
</a>

我似乎无法让它发挥作用，因此，我环顾了一下其他类似的答案

这里是testdev链接，您可以看到它的外观

---

如果这是您想要做的事情，请尝试查看一下，如果不符合您的需要，我们可以尝试进行更改

$（'.counter'）。每个（函数（）{
var myhight=$（this.find（'.vheight'）.height（）；
$（this.find（'.varheight'）.height（myhight）；
})

a{
显示：块；
位置：相对位置；
浮动：左；
宽度：250px；
} 
瓦希特先生{
职位：相对
}
.imagewrapper{
职位：居留；
身高：100%；
宽度：100%；
}
img{
最大宽度：100%；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：100%；
}

---

如果这是您想要做的事情，请尝试查看一下，如果不符合您的需要，我们可以尝试进行更改

$（'.counter'）。每个（函数（）{
var myhight=$（this.find（'.vheight'）.height（）；
$（this.find（'.varheight'）.height（myhight）；
})

a{
显示：块；
位置：相对位置；
浮动：左；
宽度：250px；
} 
瓦希特先生{
职位：相对
}
.imagewrapper{
职位：居留；
身高：100%；
宽度：100%；
}
img{
最大宽度：100%；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
宽度：100%；
}

使用find（）而不是next（）

使用find（）而不是next（）

---

“查找”选择了错误的元素，请改为尝试以下操作：

$(window).resize(function () {
  $( ".counter" ).each(function() {
    var $counter = $('.vheight', this).outerHeight(true);
    $('.vheight', this).css("height", $counter);
  });
});

---

在加载函数=>

$（“您的下一个元素”，this）上执行相同的选择。

如果通过查找选择了错误的元素，请尝试以下操作：

$(window).resize(function () {
  $( ".counter" ).each(function() {
    var $counter = $('.vheight', this).outerHeight(true);
    $('.vheight', this).css("height", $counter);
  });
});

---

在加载函数上执行相同的选择=>

$（“您的下一个元素”，this）

我认为您应该使用

.find（'.vheight'）

而不是

。next（'.vheight'）

因为

.vheight

是

的子代。counter

我认为您应该使用

.find（'.vheight'）

而不是

。next>（“.vheight”）

由于

.vheight

是

.counter

的子代，我尝试了上述方法，但没有什么变化，问题是每个博客文章都需要自动设置高度，而不是通过定义高度来绝对设置高度。Jquery针对一个类并存储该高度量，而不是为每个.counter类清除/更改它我的理由你可以看到，当你改变1 vheight的内容时，底部的图像是否会改变，你会看到varheight的大小与vheight的大小相同。我尝试了上面的方法，但没有什么变化，问题是每个博客文章都需要自动设置高度，而不是通过定义高度来绝对设置。Jquery的目标是一个cl你可以看到，当你改变1vheight的内容时，底部的图像是否会改变，你会看到varheight的大小将与vheight的大小相同。你是受欢迎的。我记得我在开始时也很难弄清楚如何改变在我发现可以这样做之前，使用此链接元素：$（“您的下一个元素”，this）不客气。我记得在我发现可以这样做之前，我在开始时也很难想出如何使用此链接元素：$（“您的下一个元素”，this）

$(window).resize(function () {
  $( ".counter" ).each(function() {
    var $counter = $('.vheight', this).outerHeight(true);
    $('.vheight', this).css("height", $counter);
  });
});