Медленный скрипт в IE7 - самый быстрый селектор jquery

Question

$.each(data, function (i, val) {
                        $(':checkbox.' + i).prop('checked', (val == 1 ? true : false));
                        $(':text.' + i + ', select.' + i).val(val);
                    });

данные - это JSON-объект. IE7 плачет о медленном скрипте, когда я запускаю это. Я отображаю значения из объекта json в имя класса «i». Есть ли способ заставить этот селектор работать быстрее? Код работает, но скорость итерации каждого элемента должна быть выше, чтобы избавиться от медленного сообщения сценария ie7. Спасибо

Answer 1

Не используйте псевдо-селекторы без контейнера или суженного контекста, они медленны и особенно плохи в режиме сравнения IE7 или IE8 по моему опыту.

Переключите синтаксис $(":etc") с помощью $("#container").find("input:text") ипопробуйте заменить $ .each традиционным циклом for (при условии, что $ .each выполняет многократные итерации, в противном случае влияние оказывается незначительным)

также кэшируйте контейнер вне цикла.

var $container = $("#container");
$.each (etc, function(i) {
      var a = $container.find("input:text");
      // do more stuff
}

Некоторая разметка может дать мне возможность быть более точной

Answer 2

Можете ли вы сузить это до родителя?Т.е. вы можете начать с этих элементов внутри формы, элемента div и т. Д.?

var $memoized_form = $( 'form#the_form' );

$.each(data, function (i, val) {
    $memoized_form.find( 'input:checkbox.' + i ).prop('checked', (val == 1 ? true : false));
    $memoized_form.find( 'input:text.' + i + ', select.' + i).val(val);
});

Answer 3

Несколько советов:

• .prop() обычно медленнее, чем .attr()

• сужают ваши селекторы: ":checkbox" и ":text"применяется только к входам

  $ ('input: checkbox.' + i) .attr ('флажок', Boolean (val));
  $ ('input: text.' + i + ', выберите. '+ i) .val (val);