Question

我想在“点击”上交换2 DIV的内容。

DIV-1应该获得DIV-2的内容。

DIV-2应该获得DIV-1的内容。

我可以让它工作，但DIV内容最初包含jQuery元素，当然，交换内容中的“点击”不再起作用。

如何在交换内容后让jquery-elements工作？

我使用隐藏的DIV（class =“temp_backup”）作为交换内容的“容器”......

我使用以下jQuery代码来交换内容：

$('span.ShowNumber').click(function() {

  var getID = $(this).attr('id');
  var spanNumber = getID.replace("ShowNumber", "");

  $('div.temp_backup').html($("div[id=table-cell-1]").html());
  $("div[id=table-cell-" + spanNumber + "]").html($("div[id=table-cell-2]").html());
  $("div[id=table-cell-2]").html($('div.temp_backup').html());

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="ShowNumber" id="ShowNumber1">1</span>
<div id="table-cell-1">Content of DIV-1 with jquery elements/functions</div>

<span class="ShowNumber" id="ShowNumber2">2</span>
<div id="table-cell-2">Content of DIV-2 with jquery elements/functions</div>

<div class="class=" temp_backup " style="display:none "></div>

交换2 DIV的内容

0 个答案: