it-blog.club
Перебор массива в JavaScript (jQuery)

Перебор массива в JavaScript (jQuery)

Все мы знаем, что для того чтобы перебрать массив в том же PHP мы в большинстве случаем должны воспользоваться методом foreach() , но как же быть если вам необходимо перебрать массив в JS, в частности jQuery.

Для этого мы имеем цикл each. Правильное написание которого $.each ()

Ну давайте сразу к примеру:

Допустим у нас есть форма с полями и мы бы хотели получить их классы в момент отправки формы


$('body').on('submit','form',function(){
var objForm = $(this); //Получаем нашу форму
var inp = $('input',objForm);//Получаем все инпуты
//Далее идёт наш цикл
$.each(inp,function(index,value){
console.log(index+' : '+value.attr('class'));
});
return false;
//Вернём ложный результат, чтобы форма не отправилась
//И мы могли увидеть в логах результат исполнения функции
});

И там что мы имеем. Мы получили все инпуты формы. Далее стали перебирать массив с объектами при помощи each() и каждый раз выполнять функцию в которую в качестве параметров передавали index - ключ массива и value - значение ключа. Ну и в самой функции стали выводить в логи информацию вида Ключ : класс инпута.

Учитывая, что мы так же указали return false; то форма не отправится, зато мы можем зайти в консоль браузера и в логах увидеть результат.


it-blog.club 673
Автор: Ярослав Хмель


Если Вам понравилась статья, то можете поддержать блог переведя N сумму на кофе авторам или оплату хостинга!
В любом случае спасибо! А так же не забывайте про группу в ВК
ПОИСК ПО САЙТУ
Поддержать