appendTo（）不是函数？

Question

我认为这段代码应该可行，但它没有，有人可以解释一下吗？

 $("#addLinkLayout input.comment, #addLinkLayout input.link").each(function() {
      $(this).val().appendTo('div#links');
 });

它说$(this).val().appendTo()不是函数。

Answer 1

appendTo只能应用于jQuery对象。但是val会返回一个字符串。

请改为尝试：

$("#addLinkLayout input.comment, #addLinkLayout input.link").each(function() {
    $('div#links').append($(this).val());
});

Answer 2

val()不返回DOM元素。它从DOM元素返回value属性。因此，如果您有类似<input value="foo" />的内容，则在该节点上调用val（）将为您提供字符串"foo"。由于javascript的字符串类没有方法appendTo，因此您收到错误。

你可能想要像

这样的东西

$('div#links').append($(this).val());

Answer 3

val返回一个字符串，而不是jQuery对象，请尝试：

$('div#links').append($(this).val());

Answer 4

$（this）.val（）不返回jQuery对象（它返回input元素的值）。所以它不能被束缚。

Answer 5

您可以将其更改为

$("#addLinkLayout input.comment, #addLinkLayout input.link").each(function() {
  $('div#links').append($(this).val());
});