Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Если селектор возвращает массив узлов, как работать с каждым по отдельности? (https://javascript.ru/forum/jquery/15129-esli-selektor-vozvrashhaet-massiv-uzlov-kak-rabotat-s-kazhdym-po-otdelnosti.html)

балерун 14.02.2011 16:38

Если селектор возвращает массив узлов, как работать с каждым по отдельности?
 
Сорри, тупой вопрос. Может быть я сильно торможу =( Не могу понять такую штуку. Допустим на странице есть несколько инпутов, и я их выбираю таким способом:
var inputs = $('input');

Как я понимаю, теперь inputs - просто массив, в котором хранятся узлы в jqueryвском формате (простите, не знаю, как правильно их называть). Но когда я делаю так:
for (var i = 0; i < inputs.length; i++) {
    var $input = inputs[i];

    // $input - это jqueryвский элемент и я могу обращаться ко
    // всяким функциям, например attr()
    $input.attr('name'); // и вижу ошибку, мол элемент не имеет метода attr
}

В чем ошибка?

B@rmaley.e><e 14.02.2011 16:54

Ошибка в том, что inputs[i] - это не jQuery-объект, а обычный DOM узел. И у него нет метода attr.

И вообще, я не понимаю, зачем Вам обычные циклы, когда jQuery предоставляет более удобные и соответствующие концепции фреймворка средства для работы с коллекциями - each, например. Не говоря уже о том, что многие другие методы корректно работают с несколькими элементами.

балерун 14.02.2011 17:03

Спасибо, понял =)
Ну, в моем случае удобней было бы вызывать функцию напрямую, чтоб передать туда еще какие-то параметры. А то each вызывает функцию передавая ей только два параметра: index, value.

kadabrik 15.02.2011 03:50

Цитата:

Сообщение от балерун (Сообщение 92466)
Спасибо, понял =)
А то each вызывает функцию передавая ей только два параметра: index, value.

В конструкции each() доступен указатель this ссылающийся на текущий объект. Для того чтобы работать с ним как с jquery объектом достаточно использовать конструкцию $(this). RTFM!

балерун 15.02.2011 07:10

Я знаю. Мануал читал. Вот, что я делаю:
есть несколько селектов (<select>), которые надо заполнить значениями. Для этого я создал функцию populate, которой в качестве первого аргумента передается массив селектов. Для этого достаточно и простого each. Так раньше и было. Потом понадобилось, чтоб в этих селектах устанавливалось значением по умолчанию. Но! Это надо не всегда. Поэтому вторым параметром в функцию populate я передаю true, когда надо устанавливать дефолтные значения и ничего не передаю, когда не надо.
Вот соб-сно поэтому и стал использовать функцию вместо each. Если можно это будет сделать с помощью each, я только за. Опыта у меня мало, так что может быть делаю глупые ошибки.

kadabrik 15.02.2011 10:32

Цитата:

Сообщение от балерун (Сообщение 92533)
Я знаю. Мануал читал. Вот, что я делаю:
есть несколько селектов (<select>), которые надо заполнить значениями. Для этого я создал функцию populate, которой в качестве первого аргумента передается массив селектов. Для этого достаточно и простого each. Так раньше и было. Потом понадобилось, чтоб в этих селектах устанавливалось значением по умолчанию. Но! Это надо не всегда. Поэтому вторым параметром в функцию populate я передаю true, когда надо устанавливать дефолтные значения и ничего не передаю, когда не надо.
Вот соб-сно поэтому и стал использовать функцию вместо each. Если можно это будет сделать с помощью each, я только за. Опыта у меня мало, так что может быть делаю глупые ошибки.

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

var param = 'Я параметр!';
$('селектор').each(function(){alert(param);})


Конечно это будет рабочий но не самый правильный способ, так как нет инкапсуляции, но для ее реализации есть достаточно методов.

балерун 15.02.2011 10:51

Ага, ясно. А инкапсуляцию можно делать так:
var selects = $('селектор');
foo(selects, true);

function foo(selects, param)
{
    selects.each(function(){alert(param);})
}

Или я не так понял?

kadabrik 15.02.2011 11:42

Все зависит от конкретной задачи. Например в данном случае param становится свойством объекта window или по другому становится глобальной переменной. Для небольших задач это не станет проблемой, но для чего-то более серьезного не рекомендуется хранить переменные в глобальной области видимости если они используются лишь в одном месте кода. Если говорить о jQuery то в нем есть метод data позволяющий связать переменную с каким-нибудь элементом страницы. Но конечно же инкапсуляция важна тогда когда требуется писать код по всем канонам ООП, хотя иногда его применять - как палить из пушки по воробьям.

З.Ы
Что-то меня понесло =)


Часовой пояс GMT +3, время: 09:41.