Метод 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="p1">матн1</p>
<p id="p2">матн2</p>
Шунингдек қаранг
-
insertBeforeметожи,
берілган элементдан олдин матн қўшади -
after,append,prependметодлари,
саҳифанинг белгиланган жойига контент қўшиш имконини беради -
cloneметожи,
танланган элементларнинг нусхаларини яратади
