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әдісі,
ол таңдалған элементтердің көшірмелерін жасайды
