javascript - 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/