通过jquery添加部分HTML代码

Question

我使用ASP.NET MVC应用程序，并具有以下代码：

<div id="divComments">
    @foreach (var comment in Model.Comments) {
        <div id="comment-@comment.ID">
            <div>
                @comment.Username<br />
                @comment.DateAdded.ToString()
            </div>
            <div>
                @comment.Comment
            </div>
            <input type="button" class="deleteComment" value="Del" id="btnDel-@comment.ID" />
            <br />
        </div>
    }
</div>

另外，我想通过jquery添加id =“ comment-X”的div块。 我通过以下方式进行操作：

 $('#divComments').append('<div id="comment-' + resp.Result.ID + '"><div>' + $('#Username').val() + '<br />' + resp.Result.date + '</div><div>' + comment + '</div><input type="button" class="deleteComment" value="Del" id="btnDel-' + resp.Result.ID + '" /><br /></div>');

是否可以将其移动到任何PartialView / Html文件并在两个地方使用它-cshtml（在我的foreach中）和jquery？ 这个HTML部分只是一个例子； 这部分可以更大。

Answer 1

第一部分很好，如果您要移至局部视图，则可以使用传递给您的信息的viewmodel的局部视图设置html。 然后，您将调用该控制器操作，然后将结果附加到divComments块。

这将允许您添加复杂的html片段，而不会产生混乱的字符串等。