jquery - jQuery:append()和appendTo()

我正在使用以下代码测试jQuery的.append()和.appendTo()方法:

$('div/>', {
    id : id,
    text : $(this).text()
    }).appendTo('div[type|="item"]#'+id);
$('div[type|="item"]#'+id).append($(this).text());

请注意，选择器的.appendTo()和.append()相同，但后者起作用(在同一页面内)，而前者不同。为什么？

如何使.appendTo()与这种类型的(复杂)选择器一起使用？两种方法的插值方式是否不同？我缺少一些语法吗？

我不想用无关紧要的代码弄乱这篇文章:足以说选择器引用的元素存在，正如.append()方法产生所需结果所证明的那样。让我知道是否需要更多信息。

谢谢!

最佳答案

要回答这个问题，您没有任何元素来对appendTo进行编码，因为您缺少字符(在您的情况下，它是开角括号 <)。

这个

$('div/>',{});

需要是

$('<div/>',{});

创建一个元素，否则它会完全按照您说的去做-没什么!

否则，您似乎会正确无误，如下所示:

.append() 将参数指定的内容插入到
匹配元素集中每个元素的结尾，例如

$(Append_To_This).append(The_Content_Given_Here);

，而 .appendTo() 则相反:它插入
匹配元素集中的元素到给定目标的末尾
在参数中，如

$(The_Content_Given_Here).appendTo(Append_To_This);

还有 .prepend() 和 prependTo() 的工作原理完全相同，唯一的区别是，前置元素添加在目标元素内容的开头而不是结尾。

关于jquery - jQuery:append()和appendTo()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13478372/