JQuery: кожен ()

Іноді ви хочете обробити кілька елементів з HTML документів, наприклад, для перевірки форми, або обробки елементу. В JQuery, готовий до роботи, яка дозволяє завантажити всі елементи документа, відповідно до DOM.

У прикладі, який представляє собою основною метою втягується випадкових чисел з діапазону 1-100, для кожного типу поля введення типу текст.

Код

Весь код відповідального за виконання цього завдання буде виглядати наступним чином:

  Функція RAND (N)
 {
 повернення (Math.floor (Math.random () * +1));
 }

 $ (Функція () {
 $ ('# Випадкові »). Натисніть кнопку (функція () {
 $ ("Вхід [тип = текст]"). Кожен (функція () {
 $ (Це) Val (рандів (100)).
 });
 повернутися помилковим;
 });
 }); 

Пояснення

Оголошений додатковий рандів функції (), яка повертає число від 1 до N. Потім, після завантаження документа, перевірте, якщо ви зробили події клацання (клік), елемент з ID = випадковим, якщо так, то отримати документ, всі елементи введення, тип текст, використовуючи кожен. Ця функція повертає ідентифікатор кожного додаткового елемента, тому в кожній (функція () {код}), то це буде означати в даний час завантажений елемент. Використовуйте вал () ми присвоюємо витягнутий номер партії, по телефону RAND () 100, який ми повернемо необхідні ціле. Нарешті, ми звертаємося до помилкових (елемент, на якому ви клацаєте, не перенаправляти нас на будь-яку іншу партію, якщо таке посилання).

Звичайно, ніщо не заважає, навіть рекомендується застосовувати додатковий клас на вході і відносяться тільки до полів з вказаним класом:

  $ ("Вхід [тип = текст]. ClassName"). Кожен (функція () { 

Тоді лінія буде змінюватися. Кожен Там же., Який дозволить нам звернутися до різних областей, і угруповання їх (просто додати клас = "ClassName" на вході тег).

Також ми можемо розділити поле відповідно до. з посиланням на конкретні форми, наприклад: # jakiesID input.nazwaKlasy форму (всі вхідні елементи типу класу = "ClassName", у формі з ID = "jakiesID"), але, звичайно, може бути будь-яке поєднання числа і число комбінацій, насправді залежить від перестановок все теги У документі, в якому елемент вибраний.

Код виглядає наступним чином:

  $ ("Форма № jakiesID input.nazwaKlasy"). Кожен (функція () { 

Демонстрація

Демонстрація сценарій може бути знайдено в одному з недавно завершив свої проекти:

Генеральний Systems - універсальний маршрути

Бути товариським, Share!

• 

Інші записи

• XNA: 21 місця, які ви повинні знати
• Нова сторінка: visual.wsi.edu.pl
• Відвідайте № 2
• XNA: основні фізики JigLibX
• XNA: Курс Основи програмування на XNA!