使用jQuery动态地将div添加到另一个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代码？

Answer 1

由于.html()无论如何都会覆盖，所以根本不需要.html('')。

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

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

CSS

span.hidden { display:none; }

您也可以一次性完成：

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

如果任何机会在#myDiv内有jQuery托管数据，.html()之前use .empty()会更安全。

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

Answer 2

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

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