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="p1">տեքստ1</p>
<p id="p2">տեքստ2</p>

Տես նաև