jquery swap嵌套divs容器中的内容

Question

更新

知道了。 我需要改变div结构。 nameP div包装了nameE，因此需要为Ptext创建一个单独的div。

<div class="element">
<div class="nameP">
    <div class=PP>Ptext</div>
    <div class="nameE">Etext</div>
</div>
</div>

---

我在这里争夺冠军头衔。使用jquery同位素。代码将有希望解释：

<div id="container">

    <div class="element">
        <div class="nameP">Ptext<BR>
        <div class="nameE">Etext</div>
    </div>
    </div>
several more <div class="element"> repeats
</div>

“容器”外面有一个按钮，点击后我想用... class =“nameE”反转所有... class =“nameP”的内容。还有其他div正在交换，但我想如果我得到它可以为所有人做。

我希望这很清楚，我希望你有一些建议。 THX

Answer 1

将以下功能附加到按钮的点击事件：

function handler() {
    $('.element').each(function(){
        var temp = $(this).find('.nameP').text();
        $(this).find('.nameP').text($(this).find('.nameE').text());
        $(this).find('.nameE').text(temp);
    });
}