jquery:在一行中创建多个元素

Question

在下面的示例中，我要向DOM添加嵌套元素：

​

$ul = $('<ul>').appendTo($('#test'));
$('<li>').text('Item 1').appendTo($ul);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test"></div>

​

不管怎么说，我可以在一行中写两行javascript。我试过以下几种方法，但都没有用：

$('<li>').text('Item 1').appendTo($('<ul>')).appendTo($('#test'))

注意，没有添加<ul>元素：https://jsfiddle.net/upnchucq/

Answer 1

你把一个括号放错了。

代码应该如下所示：

$('<li>').text('Item 1').appendTo($('<ul>').appendTo($('#test')));

Fiddle: https://jsfiddle.net/upnchucq/2/