Question

我使用jquery选择所有li元素，然后将它们附加到另一个ul，其中#id名称为second。问题是它没有附加。我不确定我在这里做错了什么。

如果有人能帮助我，我会非常感激。

<ul>
    <li> Test </li>
    <li id="test"> Test 2 </li>
</ul>
<ul id="second"></ul>

<script>
    li.each(function () {
        $("#second").append($(this));
    })
</script>

Answer 1

无需迭代每个li元素。您可以在选择器中使用append

 $("#second").append($('#first li'));

#second {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<ul id="first">

  <li>Test</li>
  <li id="test">Test 2</li>
</ul>

<ul id="second">
</ul>

Answer 2

您需要将jQuery代码包装在文档就绪处理程序$(function() { /* code here */ });中。然后，您应该在jQuery对象中使用有效的选择器，例如$('li')，而不仅仅是li。此外，您不需要遍历所有li元素，因为您可以在一个操作中将它们一起追加。试试这个：

<script>
    $(function() {
        $('#second').append('li');
    });
</script>

为什么我不能将jquery对象附加到ul元素

2 个答案: