将iframe插入div的底部

Question

我尝试使用jQuery将iframe插入div，下面的代码会执行此操作，但会删除div#off中的所有内容。如何将iframe设置在div#off内容的底部，而不是删除所有内容？可能吗？

$(document).ready(function() {
    $("#off").html("<iframe src='http://images.findel-education.co.uk/EmailSignup/website_email_sign_up.html'>></iframe>");  
});

我无法控制父窗口，所以我必须这样做。

Answer 1

.html()会替换您元素的所有当前HTML标记，而您想要使用 .append() ：

  

将参数指定的内容插入每个元素的末尾   在匹配元素集合中。

$(document).ready(function() {
    $("#off").append("<iframe src='http://images.findel-education.co.uk/EmailSignup/website_email_sign_up.html'>></iframe>");  
});