Как да намерите детето на HTML елемент в jQuery

HTML елементите включват всяка част от уеб страница, като заглавки, таблици, изображения и абзаци. Когато преплитате HTML променливи вътре в друг, създавате родителски и детски елементи. Горният елемент е бащата, докато всички преплетени елементи стават деца. В jQuery можете да получите детето на елемент, като използвате функцията "child ()" (син, на английски), но трябва да минете през масива от стойности, които създават функцията.

Проверете дали кодът ви съдържа препратка към библиотеката jQuery преди да опитате да изпълните скрипта в jQuery. Добавете този код в променливите (заглавката) на вашата уеб страница, ако не виждате справката:

Добавете няколко променливи на скриптовете под референтната библиотека на jQuery и напишете функция, за да проверите дали страницата е приключила. Целият ви скрипт трябва да бъде между клавишите на тази функция:

$ (функция () {});

Изберете елемента HTML, от който се нуждаете, за да получите списък от подчинени елементи от него. Например, ако искате да получите деца от неорганизиран списък, изберете елемента "ul". Прибавете селектора с функцията "деца ()", за да получите детето:

$ ('ul.level-2'), деца ();

Предишният пример ще избере всеки неопределен списък, който има име на класа "ниво-2". Когато обаче "child ()" намира множество подчинени елементи, той ще създаде набор от стойности. Ще ви са необходими специални кодове за обработка на матрица.

Добавете "children ()" с "each ()" (всеки), за да пресечете масива от детски елементи. Тъй като структурата е структура, имате нужда от контра променлива, но не трябва да я създавате предварително в jQuery. Преминете "i" като аргумент във всеки "each ()", за да получите своя брояч:

$ ('ul.level-2'), децата () всеки (функция (i) {});

Декларирайте променлива, която ще поддържа текстовата стойност на всеки детски елемент. Можете да получите други стойности на елементи, но текстът ще върне всеки текст, намерен в детето, и е полезно да се получат данни. Задайте променливата на "$ (this)" (това), за да получите текущия елемент, в който работи функцията "each ()". Добавете "$ (this)" с "text ()" текст:

var childEl = $ (това) .text ();

Издавайте стойностите на страницата си, като изберете елемент и добавете "append ()" (приложение), така че функцията "each ()" да може да продължи да добавя стойностите, които намира:

$ ('div') добавете (i + ":" + childEl + "");

В този пример "childEl" се издава за серия от променливи "". Всеки път, когато jQuery повтаря кодовете в рамките на "each ()", издава номера от "i", добавя двойка точка и запетая, извежда стойността на "childEl" и завършва линията с променлива на скрипта.

Вашият последен скрипт трябва да изглежда така:

$ () () () ($ ('ul.level-2')) детски () всеки (функция (i) {var childEl = $ (this) .html + ":" + childEl + "");));});

съвет

Добавете "console.log (childEl);" във всяка функция "each ()" в последния ред. Използвайте Firebug в Firefox или конзолата на JavaScript в Google Chrome, за да проверите стойностите в конзолата при отстраняване на грешки.

Заменете "text ()" с "html ()", за да получите HTML кода на подчинените елементи.