javascript - 更高效的jquery

Question

下面这段代码有效，但它让浏览器有点怪异。没什么大不了的。我想知道是否有办法提高效率？我可以使用缓存或以某种方式填充一个选择，然后将其复制到其他 5 个。(页面上有 6 个带有“掩码”类的下拉菜单。)

如有任何帮助，我们将不胜感激!

$('.mask').each(function () {
  $(this).append($('<option/>').val("").text(""));
    for (var i = 1; i < 256; i++) {
      $(this).append($('<option/>').val(i).text(i));
    }
  });
});

Answer 1

您可以创建一次节点然后克隆它们，如下所示:

var temp = $('<select/>');
$('<option/>').val("").text("").appendTo(temp);
for (var i = 1; i < 256; i++) {
  $('<option/>').val(i).text(i).appendTo(temp);
}
temp.children().clone().appendTo('.mask');

与其对 DOM 进行大量单独的追加(这是非常昂贵的)，不如将所有元素分批放入一个文档片段中，然后克隆它们，分批追加(每次选择一个批处理)。