Question

在我的ASP.NET MVC项目的主视图中，我渲染了一次局部视图，然后单击添加按钮我想将局部视图附加到窗体。但是当我单击添加时，只有子元素...被添加到MainView中。如何附加部分视图的根元素（_roll.cshtml）？

MainView.cshtml

<div id="rolls">
    @Html.Partial("_roll")
</div>

<br />

<div class="row">
    <button id="addRoll" class="btn"></button>
</div>

_roll.cshtml

<div class="roll">
    <div class="row">
        ...
    </div>
</div>

的.js

$(function () {
    $('#addRoll').click(function (e) {
        e.preventDefault();
        $('#rolls').append($('.roll').html());
    });
});

Answer 1

尝试仅使用元素本身而不是其innerHTML（.html（））：

$(function () {
    var $rolls = $('#rolls'), $role = $('.roll:first');
    $('#addRoll').click(function (e) {
        e.preventDefault();
        //$rolls.append($('.roll')); // wont work since you want to append the same element to the same parent
        $rolls.append($role.clone());
    });
});

Answer 2

或者你可以根据需要简单地使用元素的OuterHTML。

如何追加局部视图的根元素

2 个答案: