jquery - jquery在容器中交换嵌套的div内容

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 正在交换，但我想如果我得到它，我可以为所有人做。

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

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);
    });
}