javascript - 使用 JS/jQuery 将项目附加到存储在变量中的列表

Question

我有这个变量:

item = "<li>TEXT<ul class='sublist'></ul></li>";

现在我想添加<li>进入子列表<ul> .

类似

item.('.sublist').append('<li>Sublist item 1</li>');

这个代码当然是行不通的。代码应该怎么样？

稍后我想将此项目添加到列表中:

$('#order-list').append(item);

Answer 1

很简单，如果您先将元素添加到 DOM:

let item = $("<li>TEXT<ul class='sublist'></ul></li>");
$(item).find('ul').append('<li>Sublist item 1</li>');

请注意，此元素不会显示在页面上的任何位置，因为它尚未附加到 View 内元素。

当然，缺点是它不再是字符串。