Question

我在控制台中收到此错误： Uncaught TypeError: Object #<HTMLDivElement> has no method 'appendTo' JS文件

$('#refresh-button').click(function()

Answer 1

错误有意义。 HTML Elements确实没有appendTo方法。

您可以通过将HTML Div元素传递给jQuery

来将其转换为jQuery对象

var jqObject = $(myDivElement); // now I can call appendTo on jqObject
jqObject.appendTo(parent);

或者，您可以使用本机DOM方法：

// this also works, assuming theParent is a DOM element too
theParent.appendChild(myDivElement); 
// of if it's a jQuery object
theParent.append(myDivelement);

Answer 2

我不太确定这些变量来自何处，但问题是它们指向本机DOM元素，而不是jQuery选择。 appendTo是一个jQuery函数，而不是DOM函数。

简单的解决方案是使用您已经创建的jQuery选项：

product_title.appendTo($("#product_name"));
// becomes
$("#product_name").append(product_title);

同样适用于其他变量。

另一种方法是使用$()包装器将原生元素转换为jQuery选择，但这样效率会降低，因为您必须创建两个选项：

$(product_title).appendTo($("#product_name"));

Answer 3

也许我错过了一点...但我没有看到这些变量的设置位置

    product_title
    product_shape
    product_size
    product_metal
    product_stock
    product_price

HTML Div没有方法appendTo（）

3 个答案: