Забележка: Тази статия може да е остаряла и първоначално е създадена на 23 декември 2013 г.
Научете как да преминавате през елементи, масиви и обекти с jQuery, като използвате функцията $.each(), еквивалентът foreach на jQuery.
Еквивалентът foreach на jQuery може да бъде много полезен за много ситуации. Тези примери ще ви помогнат да започнете и ще ви научат как можете да преминавате през масиви, обекти и всякакви HTML елементи.
Цикъл през масив с jQuery foreach
При повечето езици вероятно ще трябва да преминете през масив в даден момент, това е мястото, където foreach често става много полезно. По-долу е даден пример за jQuery, който преминава през масив и извежда всеки запис към конзолата.
Резултатът от горното ще бъде:
one two three four five
Преминаване през обекти с jQuery foreach
Освен масиви, често ще искате да преминавате през обекти или масиви от обекти, особено когато работите с JSON данни. Следният код е пример за преминаване през някои JSON обекти.
Резултатът от горното ще бъде:
ID: 1 First Name: Gandalf Last Name: Greyhaem ID: 2 First Name: Bilbo Last Name: baggins ID: 3 First Name: Frodo Last Name: Baggins
Преминете през списък с jQuery foreach
Възможността да можете да преминавате през елементи в списък може да бъде много полезна за всякакви задачи. Кодът по-долу ще премине през всеки елемент ‹li›, който има родител с класа .myList.
Преминете през други HTML елементи с jQuery foreach
Освен елементите на списъци, възможността да преминавате през всички видове HTML елементи има предимства. По-долу са дадени набор от примери, които демонстрират няколко възможни неща.
И така, имате много примери, които трябва да ви помогнат да започнете. Има много начини, по които можете да използвате метода jQuery $.each. Ако знаете още страхотни примери, уведомете ме чрез полето за коментари по-долу.