javascript - jquery $.each 是非阻塞的？

Question

$("<ol>").appendTo(some_div);
$.each(map, function(i,example){
  $("<li>" + example + "</li>").appendTo(some_div)
});
$("</ol>").appendTo(some_div);

预计: <ol><li>example1</li><li>example2</li></ol>

实际: <ol></ol><li>example1</li><li>example2</li>

知道为什么会发生这种情况吗？

Answer 1

您正在进行 DOM 操作，而不是字符串操作。和$("<ol>")确实已经创建了 OL元素而不仅仅是包含 <ol> 的字符串.

您需要附加 LI元素添加到新创建的 OL元素:

var ol = $("<ol>").appendTo(some_div);
$.each(map, function(i,example){
    $("<li>" + example + "</li>").appendTo(ol);
});