jQuery 交换容器中的嵌套 divs 内容

Question

更新：

明白了。我需要更改div 结构。namePdiv 包装了 nameE，因此需要为 Ptext 提供一个单独的div。

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

---

我在这里为标题而苦苦挣扎。使用 jquery Isotope。代码有望解释：

<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="nameP" with ...类="名称E"。还有其他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);
    });
}