3

例如，我有一个这样的列表标题：<li id="example"> title </li>. 这是我希望通过单击按钮将其“附加到”的位置：<ol id="playlist"> </ol>

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

这是功能：

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

我只是不明白为什么它不起作用我的意思是当我制作 .append('title') 时 - 所以只是纯文本 - 它会将该文本添加到标签中，但是当我尝试通过身份证不行吗？相反，它附加了“#example”，这不是我想要的。很抱歉，我仍在尝试掌握这种语言，但是，我诚实地搜索并搜索了整个互联网，试图找到一个答案。

4

3 回答 3

0

尝试这个：

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

小提琴

更新：

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

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

小提琴

于 2012-08-18T18:22:57.513 回答
0

您需要附加整个 li，因此您的解决方案是：

function Button() {
  var $li = '<li id="example"> title </li>';
  $('$playlist').append($li);
}
于 2012-08-18T18:23:34.040 回答
0

.append ( 内容 [, 内容] )

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

jQuery 假设您按#example字面意思附加 HTML 字符串。使用其他两个选项之一，例如：

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

为了完整起见：

$('#playlist').append(document.getElementById('example')); // append a DOM element
于 2012-08-18T18:37:08.333 回答