after մեթոդ

after մեթոդը տեքստ է ավելացնում նշված տարրից հետո: Գոյություն ունի նաև insertAfter մեթոդը, որը աշխատում է նույն կերպ:

Շարահյուսություն

Տեքստի տեղադրում տարրից հետո.

javascript$(ընտրիչ).after(տեքստ);

Այսպես ընտրված տարրերից հետո կավելացվի այն տեքստը, որը վերադարձնում է օգտագործողի կողմից սահմանված ֆունկցիան: Ֆունկցիան կանչվում է ընտրված յուրաքանչյուր տարրի համար առանձին: Այս ֆունկցիայի առաջին պարամետրին անցնում է ընտրված տարրերից յուրաքանչյուրի հերթական համարը հավաքածուում (հերթականությամբ), իսկ երկրորդին՝ տարրի ընթացիկ պարունակությունը.

javascript$(ընտրիչ).after(function(համարը հավաքածուում, տարրի ընթացիկ պարունակությունը));

Տեքստը կարող է լինել ոչ միայն սովորական տեքստ, այլև DOM տարր կամ jQuery օբյեկտ: Այս դեպքում այդ տարրերը կտեղափոխվեն իրենց դիրքից HTML կոդում:

Օրինակ

Եկեք տեքստ տեղադրենք նշված պարբերությունից հետո.

html<p id="test">տեքստ</p>

javascript$('#test').after('!!!');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test">տեքստ</p>!!!

Օրինակ

Եկեք պիտակներով տեքստ տեղադրենք նշված պարբերությունից հետո.

html<p id="test">տեքստ</p>

javascript$('#test').after('<p>!!!</p>');

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="test">տեքստ</p><p>!!!</p>

Օրինակ

Եկեք մի պարբերությունը տեղափոխենք մյուսի տակ (այսինքն՝ կտրենք պարբերությունը հին տեղից և դնենք նոր տեղում).

html<p id="p1">տեքստ1</p>
<p id="p2">տեքստ2</p>

javascript$('#p1').after($('#p2'));

HTML կոդը կունենա հետևյալ տեսքը.

html<p id="p1">տեքստ1</p>
<p id="p2">տեքստ2</p>

Տես նաև