javascript - 同类(class)的多个 parent 与同类(class)的 sibling

Question

<div class="example">
  <div class="test">Some text</div>
  <div class="whatever"></div>
</div>

<div class="example">
  <div class="test">Some more text</div>
  <div class="whatever"></div>
</div>

如何让每个 .example 的 .whatever 包含其 .test 的内容？

例如，如果代码是这样的:

<div class="example">
  <div class="test">Some text</div>
  <div class="whatever"></div>
</div>

然后我可以这样做:

$('.whatever').text($('.test').text());

但我有多个类为 .whatever 的元素和多个类为 .test 的元素，并且每个 .test 包含不同的文本.

所以换句话说，我怎样才能使类 .whatever 的每个元素都包含元素 .test 的文本，但只包含元素 。在示例 .example 元素中测试？

抱歉措辞困惑。

Answer 1

尝试:

$('.example').each(function() {
    $(this).find('.whatever').html( $(this).find('.test').html() );
});​

Tested Here