2015-04-23
226
Для более удобного перебора у jQuery-коллекции есть метод each. Его синтаксис похож на forEach массива:
.each(function(index, item))
Он выполняет для каждого элемента коллекции перед точкой функцию-аргумент, и передаёт ей номер index и очередной элемент item. Используем его вместо for, чтобы перебрать коллекцию найденных ссылок:
$('li a').each(function(i, a) {
alert(i + ": " + a.href);
});
У.each есть важная возможность, которой нет в forEach: возврат false из функции прекращает перебор.
Например:
<!DOCTYPE HTML>
<html>
<body>
<script src="https://code.jquery.com/jquery.js"></script>
<a href="https://wikipedia.ru">Википедия</a>
<ul>
<li>
<a href="https://jquery.com">jQuery</a></li> <li><a href="https://sizzlejs.com">Sizzle</a></li> <li><a href="https://blog.jquery.com">jQuery Blog</li> </ul> <script> var links = $('li a'); // найти все ссылки на странице внутри LI
links.each(function (i, a) { alert(i + ': ' + a.innerHTML);
if (i == 1) return false; // стоп на элементе коллекции с индексом 1 }); </script>
</body>
</html>
