jQuery $.each 真的很慢

Question

我正在尝试使用 $.each 构建一个动态组合框和$('<OPTION>') ，但在 IE 上确实很慢(服务器响应后需要 3/4 分钟才能渲染数据)，在 Firefox 和其他浏览器上还好。

这是我构建组合的代码

var sel = ('#myDynCmb');
$.each(dataCollection, function(key,_value) {
    sel.append($("<OPTION>").val(key).text(_value));
});

感谢任何帮助。

Answer 1

Dom 操作通常很慢，特别是当您附加到 dom 时。

一个好的做法是将所有 html 放入一个 var 中，并将该 var 的内容附加到 dom 中，这会导致一次 dom 操作，这要快得多

var htmlToAppend = "<select>";
$.each(dataCollection, function(key,_value) {
    select += "<option value="+key+">"+_value+"</option>";
});
htmlToAppend += "</select>";
$('#myDynCmb').empty().append(htmlToAppend);

类似的事情