jQuery Проверка работоспособности

Question

Это сводит меня с ума. Пожалуйста, кто-нибудь сказать мне, что я не сумасшедший:

var constraints = $('.traffic-constraints :input'); 
console.log(constraints); 

var i; 
for (i = 0; i < constraints.length; i++) { 
    if (constraints[i].val() > 0) { //<-------- errorrzz 
.... 

консоль говорит мне, что я делаю, на самом деле, есть входные объекты в моем селекторе (5 из них). однако я получаю следующую ошибку: constraints[i].val is not a function

wtf?

Answer 1

Во-первых, использовать .each() это проще :)

Но, чтобы ответить на вопрос, почему не это работает ... Вы имеете дело с йот элемента с этим индексом, вам нужно обернуть его или .eq(i) acesss его:

for (i = 0; i < constraints.length; i++) { 
    if ($(constraints[i]).val() > 0) { 

или (лучше, но до сих пор используют .each()!):

for (i = 0; i < constraints.length; i++) { 
    if (constraints.eq(i).val() > 0) { 

Answer 2

Почему бы вам не использовать each?

Answer 3

jQuery имеет метод .each() для прокрутки элементов коллекции. Вы можете использовать его в качестве такового:

$('.traffic-constraints :input').each(function(index) { 
    if($(this).val() > 0) { 
     doSomething(); 
    } 
}); 

Причина, почему ваш цикл не работает в том, что элементы не распространяются с методами Jquery в. Следующие исправления он:

var constraints = $('.traffic-constraints :input'); 
console.log(constraints); 

var i; 
for (i = 0; i < constraints.length; i++) { 
    if ($(constraints[i]).val() > 0) { 
     doSomething(); 
    } 
} 

Но по причинам кода ремонтопригодности и передового опыта, использовать .each(). Это не заметно медленнее и легче поддерживать и понимать.

Answer 4

Доступ к таким элементам (например, $('.traffic-constraints :input')[0]) возвращает HTML элемент (или узел DOM, чтобы быть более педантичным). Если вы хотите получить элемент jQuery-wrapped, звоните constraints.eq (i)