Javascript 如何在laravel php中克隆具有相同数据的选项卡

所以我想做一个克隆功能。因此，我放置了两个选项卡和一个按钮来添加一个选项卡，因此当我单击该按钮时，一个新的带有LEG 2的选项卡将使用与以前选项卡中相同的数据创建。我该怎么做

---

您可以在视图中添加以下jQuery代码以实现您的需求：

<script>
$(document).ready(function(){
    var i = 1;
    $('.newTravelLegButton').click(function(){
        $('#tabs li').removeClass('active');
        $('.tab-pane').removeClass('active');
        i++;
        tabHTML = '<li  class="active">';
        tabHTML += '<a data-toggle="tab" href="#1"><span>LEG '+i+'</span></a>';
        tabHTML += '</li>';

       contentHTML = '<div class="tab-pane active" id="'+i+'">';
        contentHTML += '<div class="row">';
        contentHTML += $('#'+(i-1)).html();
        contentHTML += '</div>';
        contentHTML += '</div>';

       lastLI = $('.newTravelLegButton').closest('li');
        $( tabHTML ).insertBefore( lastLI );
        $('.tab-content').append(contentHTML);

   });
});
</script>

---

在这种情况下，您需要javascript或jquery可能的副本，并且可以轻松使用jquery的克隆功能。成功了。第二，现在它正在克隆整个网页，就像它应该做的那样，但是我如何克隆它来创建另一个页面，就像在同一个页面中使用2个数组一样。