Почему мой селектор JQuery возвращает n.fn.init [0], и что это такое?

Ответ 1

Другой подход (внутри $function, чтобы утверждать, что each выполняется на document ready):

var ids = [1,2];
$(function(){
  $('.checkbox-wrapper>input[type="checkbox"]').each(function(i,item){
    if(ids.indexOf($(item).data('id')) > -1){
       $(item).prop("checked", "checked");
    }
  });
});

Рабочая скрипка: https://jsfiddle.net/robertrozas/w5uda72v/

Что такое n.fn.init [0] и почему он возвращается? Почему мои две, казалось бы, идентичные функции JQuery возвращают разные вещи?

Ответ: Кажется, что ваши элементы еще не находятся в DOM, когда вы пытаетесь их найти. Как отметил @Rory McCrossan, length:0 означает, что он не находит ни одного элемента, основанного на ваших критериях поиска.

О n.fn.init[0], давайте посмотрим на ядро ​​библиотеки JQuery:

var jQuery = function( selector, context ) {
   return new jQuery.fn.init( selector, context );
};

Looks familiar, right?, now in a minified version of jquery, this should looks like:

var n = function( selector, context ) {
   return new n.fn.init( selector, context );
};

Поэтому, когда вы используете селектор, вы создаете экземпляр функции jquery; при обнаружении элемента, основанного на критериях выбора, он возвращает согласованные элементы; когда критерии не соответствуют чему-либо, он возвращает объект-прототип функции.

Ответ 2

Вот как сделать быструю проверку, чтобы убедиться, что n.fn.init[0] вызван вашими элементами DOM, которые не загружаются вовремя. Заблокируйте свою функцию выбора, завернув ее в функцию setTimeout следующим образом:

function timeout(){ 

    ...your selector function that returns n.fn.init[0] goes here...

}

setTimeout(timeout, 5000)

Это приведет к тому, что ваша функция выбора будет выполняться с задержкой в ​​5 секунд, которая должна быть достаточной для загрузки всего.

Это просто грубый взлом, чтобы проверить, готова ли DOM к вашей функции выбора или нет. Это не постоянное решение.

Предпочтительные способы проверки загрузки DOM перед выполнением вашей функции:

1) Оберните свою селекторную функцию в

$(document).ready(function(){  ... your selector function...  };

2) Если это не работает, используйте DOMContentLoaded

3) Попробуйте window.onload, который ждет загрузки всех изображений сначала, поэтому его наименее предпочтительный

window.onload = function () {  ... your selector function...  }

4) Если вы ожидаете загрузки библиотеки, загружаемой в несколько этапов или имеющей некоторую задержку, тогда вам может понадобиться сложное настраиваемое решение. Вот что случилось со мной с библиотекой "MathJax". В этом вопросе обсуждается, как проверить, когда библиотека MathJax загрузила свои элементы DOM, если это поможет.

5) Наконец, вы можете придерживаться жестко закодированной функции setTimeout, делая ее, возможно, 1-3 секунды. По-моему, это самый наименее предпочтительный метод.

Этот список исправлений, вероятно, далек от совершенства, поэтому каждый может редактировать его.

Ответ 3

Я столкнулся с этой проблемой, потому что мой селектор зависел от id между тем I did not set id for my element

my selector был

$("#EmployeeName")

но мой HTML element

<input type="text" name="EmployeeName">

просто убедитесь, что критерии выбора действительны.

Ответ 4

Ваш объект result является элементом jQuery, а не массивом javascript. Массив, который вы хотите, должен находиться под .get()

Поскольку возвращаемое значение является объектом jQuery, который содержит массив, это очень общий вызов .get() для результата для работы с базовым массивом. http://api.jquery.com/map/

Ответ 5

Ошибка в том, что вы используете "ID" в нижнем регистре, например "checkbox1", но когда вы зацикливаете json object на его возврат в верхнем регистре. Поэтому вам нужно заменить checkbox1 на CHECKBOX1.

В моем случае: -

var response = jQuery.parseJSON(response);

$.each(response, function(key, value) {
   $.each(value, function(key, value){
        $('#'+key).val(value);
   });
});

Перед

  <input type="text" name="abc" id="abc" value="">

Я получаю ту же ошибку, но когда я заменяю id в html-коде, его работа прекрасна.

После

<input type="text" name="abc" id="ABC" value="">