Метод before
Метод before элементдин алдына текстти кошот.
Ошондой эле insertBefore
методу бар, ал окшош жол менен иштейт.
Синтаксис
Элементдин алдына текстти кошуу:
$(селектор).before(текст);
Тандалган элементтердин алдына колдонуучунун функциясы кайтарган текст ушул жол менен кошулат:
$(селектор).before(function(набордогу номер));
Функцияны колдонуунун дагы бир ыкмасы, экинчи параметр менен элементдин эски html мааниси берилет:
$(селектор).before(function(набордогу номер, html сап));
Текст кадимки текст эмес, ошондой эле DOM элементи же jQuery объектиси болушу мүмкүн. Бул учурда бул элементтер өздөрүнүн HTML коддогу ордунан жылдырылат.
Мисал
Берилген абзацтын алдына текстти кошолу:
<p id="test">текст</p>
$('#test').before('!!!');
HTML код төмөнкүдөй көрүнөт:
!!!<p id="test">текст</p>
Мисал
Берилген абзацтын алдына тегдер менен текстти кошолу:
<p id="test">текст</p>
$('#test').before('<p>!!!</p>');
HTML код төмөнкүдөй көрүнөт:
<p>!!!</p><p id="test">текст</p>
Мисал
Бир абзацты экинчисинин үстүнө коёлу (балким, абзацты эски жеринен кесүү жана жаңы жерге коюу):
<p id="p1">текст1</p>
<p id="p2">текст2</p>
$('#p2').before('#p1');
HTML код төмөнкүдөй көрүнөт:
<p id="p2">текст2</p>
<p id="p1">текст1</p>
Дагы караңыз
-
метод
insertBefore,
ал элементдин алдына текстти кошот -
методдор
after,append,prepend,
анык жерге мазмунду кошууга мүмкүндүк берген -
метод
clone,
ал тандалган элементтердин көчүрмөлөрүн түзөт
