jquery - 使用 jQuery 将 div 动态添加到另一个

Question

假设我有以下 DIV

<div id="myDiv" style="display:none" title=""></div>

我有一个 ajax 调用，将 HTML 标记附加到这个 div 使用

$("#myDiv").html('').html(response);

我想在响应内容之前将隐藏内容附加到主 div 所以结果是

<div id="myDiv" style="display:none" title="">
    //my hidden content
    //here there will be the response HTML markup    
</div>

我如何使用 jQuery 代码来做到这一点？

score 5 · Accepted Answer

由于.html()无论如何都会覆盖，所以真的没有必要做.html('').

这将首先设置隐藏内容，然后将.append()响应。

$("#myDiv").html('<span class="hidden">somehiddencontent</span>')
           .append(response);

CSS

span.hidden { display:none; }

您也可以一次性完成：

$("#myDiv").html('<span class="hidden">somehiddencontent</span>' + response);

如果有可能里面会有jQuery管理的数据，那么使用之前#myDiv会更安全。.empty().html()

$("#myDiv").empty()
           .html('<span class="hidden">somehiddencontent</span>' + response);

score 1 · Accepted Answer

$("#myDiv").html('').append(something).append(somethingElse);

或者prepend()如果您想以相反的顺序执行此操作。

2 回答 2