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մեթոդը,
որը ստեղծում է ընտրված տարրերի պատճենները