通過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片段，而不會產生混亂的字符串等。