javascript - 如何在每个中捕获 div 高度并在另一个中设置？

Question

我有一个简单的标记示例，如下所示:

<div class="question-child">question 1</div>
<div class="question-child">question 2</div>
<div class="question-child">question 3</div>
<div class="question-child">question 4</div>

<div class="answer-child">answer 1</div>
<div class="answer-child">answer 2</div>
<div class="answer-child">answer 3</div>
<div class="answer-child">answer 4</div>

所以，这个div在php的foreach中。
我需要 divs:answer-child 具有与 divs:question-child 相同的高度。因为 divs:question-child 会根据您的内容更改高度。 (如表格行)

我尝试使用 $().each，但我不知道我的做法是否正确。
可以帮我吗？

===更新===
在@Florin Pop 的帮助下，我们成功地完成了每个任务以扫除我所说的 div。但现在我遇到了另一个问题 - 之前在这里提到过。
如你所见here ，div:all涉及所有的问题和答案，同样如此。最大的问题是标题。它们的高度也不同，就像我上一个问题中的 div。
如何使 divs:old-title 的大小与 divs:current-title 的大小相同？？？

Answer 1

是的，您可以使用.each 方法。我在想这样的事情:

$(".answer-child").each(function(e){
    $(this).css("height", $(".question-child").eq(e).css("height"));
});

我还创建了一个 jsfiddle here .

更新:基于评论中的 OP 问题。此 html 结构的答案:

<div class="question-child">question 1</div>
<div class="question-child">question 2</div>
<div class="question-child">question 3</div>
<div class="question-child">question 4</div>

<div class="answer-parent">
    <div class="answer-child">answer 1</div>
    <div class="answer-child">answer 2</div>
    <div class="answer-child">answer 3</div>
    <div class="answer-child">answer 4</div>
</div>

<div class="answer-parent">
    <div class="answer-child">answer 1</div>
    <div class="answer-child">answer 2</div>
    <div class="answer-child">answer 3</div>
    <div class="answer-child">answer 4</div>
</div>

<div class="answer-parent">
    <div class="answer-child">answer 1</div>
    <div class="answer-child">answer 2</div>
    <div class="answer-child">answer 3</div>
    <div class="answer-child">answer 4</div>
</div>

这是 jQuery 代码吗:

$(".question-child").each(function(e){
    var that = $(this);
    $(".answer-parent").each(function(){
        $(this).children(".answer-child").eq(e).css("height", that.css("height"));
    });
});

jsfiddle .

更新 2:

对于标题问题，请将此代码添加到您现有的 jQuery 代码中:

var title_height = $(".current-title").eq(0).css("height");
$(".old-title").css("height", title_height);

标题问题的 jsfiddle here .