Метод before

Метод before элементдин алдына текстти кошот. Ошондой эле insertBefore методу бар, ал окшош жол менен иштейт.

Синтаксис

Элементдин алдына текстти кошуу:

javascript$(селектор).before(текст);

Тандалган элементтердин алдына колдонуучунун функциясы кайтарган текст ушул жол менен кошулат:

javascript$(селектор).before(function(набордогу номер));

Функцияны колдонуунун дагы бир ыкмасы, экинчи параметр менен элементдин эски html мааниси берилет:

javascript$(селектор).before(function(набордогу номер, html сап));

Текст кадимки текст эмес, ошондой эле DOM элементи же jQuery объектиси болушу мүмкүн. Бул учурда бул элементтер өздөрүнүн HTML коддогу ордунан жылдырылат.

Мисал

Берилген абзацтын алдына текстти кошолу:

html<p id="test">текст</p>

javascript$('#test').before('!!!');

HTML код төмөнкүдөй көрүнөт:

html!!!<p id="test">текст</p>

Мисал

Берилген абзацтын алдына тегдер менен текстти кошолу:

html<p id="test">текст</p>

javascript$('#test').before('<p>!!!</p>');

HTML код төмөнкүдөй көрүнөт:

html<p>!!!</p><p id="test">текст</p>

Мисал

Бир абзацты экинчисинин үстүнө коёлу (балким, абзацты эски жеринен кесүү жана жаңы жерге коюу):

html<p id="p1">текст1</p>
<p id="p2">текст2</p>

javascript$('#p2').before('#p1');

HTML код төмөнкүдөй көрүнөт:

html<p id="p2">текст2</p>
<p id="p1">текст1</p>

Дагы караңыз