Question

例如，我有一个这样的列表标题：<li id="example"> title </li>。这就是我想要的地方＆＃34;附加到＆＃34;点击一下按钮：<ol id="playlist"> </ol>

这是按钮：<span onClick="Button();"><a href="#"> Button </a></span>

这是功能：

Button=function() {
  $('#playlist').append('#example');
}

我只是不知道为什么它不起作用我的意思是当我制作.append（＆＃39;标题＆＃39;） - 所以只是纯文本 - 它会将该文本添加到标签，但当我尝试通过ID附加整个标签时，它不是吗？它反而附加＆＃34; #example＆＃34;这不是我想要的。对不起，我仍然在努力掌握这种语言，但我老老实实地搜索并搜索了整个互联网，试图找到一个回答这个问题。

Answer 1

试试这个：

$('#playlist').append($('#example'));

Fiddle

更新

您可以使用clone()方法，试试这个：

$('#example').clone().attr('id', 'something').appendTo($('#playlist'))

Fiddle

Answer 2

你需要追加整个li，所以你的解决方案是：

function Button() {
  var $li = '<li id="example"> title </li>';
  $('$playlist').append($li);
}

Answer 3

.append（内容[，内容]）

content：要插入的DOM元素，HTML字符串或jQuery对象   匹配元素集中每个元素的结尾。 ...

jQuery假设您正在逐字地附加HTML字符串#example。使用其他两个选项之一，例如：

$('#playlist').append($('#example')); // append a jQuery object

为了完整起见：

$('#playlist').append(document.getElementById('example')); // append a DOM element

如何追加任何特定标签？

3 个答案: