Jquery更新div内容

Question

我有2个div:

• 标题div:它包含多个按钮
• 主div:显示隐藏的3div

当页面开始加载时，我隐藏了所有的3div(s)之后，当用户点击B1的内容"main"div必须更改为div 1和相同的情况B2和B3的问题现在，当我点击B1的内容正常改变，当我点击B2也"但"当我回去点击按钮B1什么也没发生。请我想要一个干净的代码片段可以帮助我做到这一点。谢谢你

这是我的代码加载

<div class="col-md-12" id="orderRegulation">
<%- include('./partitionJob/orderRegulation'); %>
</div>
<div class="col-md-12" id="orderRefunded">
<%- include('./partitionJob/orderRefunded'); %>
</div>
<script>
$(document).ready(function() {
$("#orderRegulation").hide();
$("#orderRefunded").hide();
});
</script>

当我点击按钮1

function orderRegulation() {
$("#row2").replaceWith(jQuery('#orderRegulation').show());
}

当我点击按钮2

function orderRefunded() {
$("#row2").html(jQuery('#orderRefunded').show());
}

Answer 1

如果你想复制一个div的HTML到另一个div，使用.html()获取原始div的HTML。

你应该显示你正在更新的元素，而不是你正在复制的模板。

function orderRegulation() {
$("#row2").html(jQuery('#orderRegulation').html()).show();
}
function orderRefunded() {
$("#row2").html(jQuery('#orderRefunded').html()).show();
}