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的文本，而只包含样本.test中的元素.example。 1}}元素？

对于令人困惑的措辞感到抱歉。

Answer 1

尝试：

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

Tested Here

Answer 2

试试这个：

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

DEMO： http://jsfiddle.net/YXf5C/

具有相同类的多个父母与具有相同类的兄弟姐妹

2 个答案: