javascript - 多个具有相同班级的父母与具有相同班级的兄弟姐妹

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's.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，但只包含.test示例元素中的.example元素？

很抱歉措辞令人困惑。

Answer 1

尝试：

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

在这里测试

Answer 2

试试这个：

$(".whatever").each(function() {
    $(this).text($(this).siblings(".test").text());
});

演示：http: //jsfiddle.net/YXf5C/