未定义不是函数appendTo问题

时间:2014-04-16 21:39:08

标签: javascript jquery

我有一些看起来像的jQuery:

$(function() {
   var productTextTemplate = $('#product-text-template').html();
   var productTemplate = $('product-template').html();
   var product = productTextTemplate.appendTo(productTemplate);
   alert(product);
});

我想要做的就是结合:

<div id="product-template">
   Hello
</div>

<div id="product-text-template">
   World
</div>

所以它变成了:

<div id="product-template">
   Hello
   <div id="product-text-template">
      World
   </div>
</div>

但我收到错误:Uncaught TypeError: undefined is not a function。我还在这里制作了一个JSFiddle:http://jsfiddle.net/q76EQ/

感谢您的帮助!

2 个答案:

答案 0 :(得分:4)

.html()

中删除var productTextTemplate = $('#product-text-template').html();
$(function() {
    var productTextTemplate = $('#product-text-template');
    var productTemplate = $('product-template').html();
    var product = productTextTemplate.appendTo(productTemplate);
    alert(product);
});

答案 1 :(得分:1)

此外,您可能忘记将#写为product-template

  

var productTemplate = $('#product-template')。html();