Question

我试图用jQuery将一个DOM对象插入到另一个DOM对象中。第一个对象是一组三个div，第二个对象是一个空div。当我将第一个对象作为参数传递给应用于第二个对象的html（）方法时，我得到一个类型错误：“undefined不是函数”。

var itemContent = $("selector for the first object");
var itemTarget = $("selector for the second object");
itemTarget.html(itemContent);

我认为传递给html（）方法的参数类型有问题。有什么想法吗？

Answer 1

如果要将第一个容器的内容传递给第二个容器，则不能将直接对象传递给HTML，那么可以使用以下方法

var itemContent = $("selector for the first object").html();

var itemTarget = $("selector for the second object");

itemTarget.html(itemContent);

Answer 2

$("selector for the second object").append($("selector for the first object").html());

Answer 3

您应该获得第一个容器的HTML

var itemContent = $("selector for the first object").html(),
     itemTarget = $("selector for the second object");
     itemTarget.html(itemContent);

jQuery的文档 http://api.jquery.com/html/

快乐编码!!!

Answer 4

实际上移动 DOM元素的最佳方法是使用http://api.jquery.com/insertAfter/之类的函数。如果您正在使用HTML制作内容 - 您将丢失此DOM元素的所有事件和数据。阅读此功能，特别是本文：

我们还可以在页面上选择一个元素并将其插入另一个元素：

$( "h2" ).insertAfter( $( ".container" ) );

如果以这种方式选择的元素被插入到DOM中其他位置的单个位置，它将在目标（未克隆）之后移动，并返回由插入元素组成的新集合：

jQuery的。将一个对象插入另一个对象

4 个答案: