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>

How can I make each .example‘s .whatever contain the contents of its .test?

For example, if the code were just this:

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

Then I could just do this:

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

But I have multiple elements with the class .whatever and multiple elements with the class .test, and each .test contains different text.

So in other words, how can I make every element with the class .whatever contain the text of the element .test, but only the element .test that is in the sample .example element?

Sorry for the confusing wording.

Answer 1

Try:

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

Tested Here