Jquery 用户脚本本地存储循环-提高性能

我为公司正在使用的cms编写了一个用户脚本。它使用sass，因此有一个巨大的表单，我们必须输入css参数

我的脚本将所有参数存储在localStorage中，然后以不同网站的css形式重新输入

脚本运行良好，但性能非常差。也许有人能帮我改进这个脚本

这是一个表单字段的基本html标记：

<div class="form-group">
<label for="1_1249_0">table_color: <span>#424242</span></label>
<input type="text" id="1_1249_0" name="1_1249_0" size="40" class="form-control" value="#424242"><input type="hidden" name="templateconfigfieldname_1249" value="table_color">
</div>

这是从localStorage检索内容的循环：

for (var i = 0; i < numberofParams; i++){
      params = localStorage.getItem(localStorage.key(i));
      labeltext = localStorage.key(i);
      jQuery('.form-group label').filter(function() {
      return jQuery(this).clone().children().remove().end().text() === labeltext;}).next('input, select').val(params);
      }

for（变量i=0；i

性能很差，因为您使用了太多jQuery。如果有很多元素，那么所有的DOM遍历都相当繁重。我建议不使用jQuery或使用最少的jQuery重新实现它。与所有可用的jQuery方法一样，您使用了三行代码：）非常确定它可以更简单。也许在上发布同样的问题？你能创建一个JSFIDLE吗，我会尝试简化它。

for (var i = 0; i < numberofParams; i++){
      params = localStorage.getItem(localStorage.key(i));
      labeltext = localStorage.key(i);
      jQuery('.form-group label').filter(function() {
      return jQuery(this).clone().children().remove().end().text() === labeltext;}).next('input, select').val(params);
      }