Ukrainian subtitles

← 02-18 Build_a_DOM_(Family)_Tree_Solution

Get Embed Code
5 Languages

Showing Revision 1 created 04/03/2017 by Yuliya LEONTIEVA.

  1. Для початку я пішов далі і
  2. створив всі змінні, які мені знадобляться.
  3. Мені треба family1, family2, bruce, madison і hunter.
  4. Для family2, bruce, madison і hunter я пішов далі
  5. і ввів рядок елементу HTML в об'єкт jQuery.
  6. Це створює новий DOM елемент.
  7. Я впевнився, що включив ці h1, h2 i h3 теги так,
  8. щоб я знав на що дивлюся, коли побачу сторінку.
  9. Після цього треба тільки ввести family2 після family1,
  10. додаючи bruce в family2 і тоді madison і hunter до bruce.
  11. Але я хочу, щоб ви подивилися на синтаксис insertAfter, тому що
  12. це дещо відрізняється від того, що ми побачили в jQuery.
  13. insertAfter діє на деякі DOM елементи і вводить його після об'єкту.
  14. Я хочу, щоб ви помітили, що ми могли б використати команду after
  15. замість цього.
  16. Далі йде звичайний синтаксис jQuery.
  17. Він діє на селектор і додає певний контент після нього
  18. Йдемо далі і
  19. перевіряємо нашу роботу у вихідній сторінці, яка виглядає досить добре.
  20. І ми відкриваємо DevTools, щоб впевнитися, що DOM
  21. виглядає так, як ми сподіваємося.