Question

我试图使用jQuery创建一个html列表，但是浏览器过早地关闭了我的ul标签和li标签。

作为一个简单的例子，我试图制作这个清单：

您好

你好吗？

所以我写了代码：

$("#test").append("<ul>");
$("#test").append("<li>");
$("#test").append("Hello");
$("#test").append("</li>");
$("#test").append("<li>");
$("#test").append("How are you?");
$("#test").append("</li>");
$("#test").append("</ul>");

但代码导致：

•
  你好
  •
  你好吗？

我知道我可以简单地写一下：

$("#test").append("<ul><li>Hello</li><li>How are you?</li></ul>");

但是我的项目要求代码在几行上。

这是一个小伙伴：https://jsfiddle.net/greyshark7/99764x9h/

Answer 1

尝试这样

var ul = $("<ul></ul>");
ul.append('<li>hello</li>');
ul.append('<li>how r u</li>');
ul.append('<li>fine</li>');
$("#test").append(ul);

Answer 2

你应该避免只附加部分，因为jquery会自动关闭它们。

因此，我想到了两个简单的解决方案：

第一个是构建追加字符串：

static_cast<UINT64>

或类似的东西： LLP64 model

通过选择使用nth：child附加子项，可以进一步（并避免使用多个ID）。或者在另一个答案中将其保存在变量中。

浏览器自动关闭列表标签

2 个答案: