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

Question

我有以下示例，其中我将嵌套元素添加到DOM：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

无论如何，我可以在一行中编写两个javascript行。我尝试过以下无效：

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

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

Answer 1

你错了一个括号。

代码应如下所示：

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

小提琴： https://jsfiddle.net/upnchucq/2/