Что вы можете рассказать о методе jQuery each ()?

Его можно использовать для циклического перебора нескольких объектов DOM из одних и тех же селекторов.

Метод each () в jQuery позволяет нам перебирать различные наборы данных, такие как массивы или объекты (даже объекты DOM).

Например, если вы хотите добавить width = «600» ко всем изображениям на странице, мы выбираем все изображения, перебираем каждое из них и добавляем width = «600» к каждому тегу. Вот как это будет выглядеть в коде:

$ ("img").each (function (myimage) {
          $ (this).attr ("width", "600")
});

Немного пояснения:
$ — это средство определения объекта jQuery. В приведенном выше синтаксисе «this» — объект DOM, и мы можем применять функции jQuery только к объектам jQuery, поэтому мы конвертируем объект DOM в объект jQuery, заключая его в определитель $.

Мы также можем использовать each () для просмотра массивов данных и получения индекса и значения позиции данных внутри массива.

Например:

var list = ["ananas", "apple", "cat"];
      $.each(list, function(index, value){
    console.log(index + " "+ value);
})

В консоли получаем:

  1. 0 ananas
  2. 1 apple
  3. 2 cat

В случае с объектами обработка будет иметь похожий вид:

var obj = {"name": "ananas", "name2": "cat"};
      $ .each (obj, function (key, value) {
          console.log (key + «-» + value);
      })

Вывод консоли:

  1. name — ananas
  2. name2 — cat

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.