after մեթոդ
after մեթոդը տեքստ է ավելացնում նշված տարրից հետո: Գոյություն ունի նաև
insertAfter
մեթոդը, որը աշխատում է նույն կերպ:
Շարահյուսություն
Տեքստի տեղադրում տարրից հետո.
$(ընտրիչ).after(տեքստ);
Այսպես ընտրված տարրերից հետո կավելացվի այն տեքստը, որը վերադարձնում է օգտագործողի կողմից սահմանված ֆունկցիան: Ֆունկցիան կանչվում է ընտրված յուրաքանչյուր տարրի համար առանձին: Այս ֆունկցիայի առաջին պարամետրին անցնում է ընտրված տարրերից յուրաքանչյուրի հերթական համարը հավաքածուում (հերթականությամբ), իսկ երկրորդին՝ տարրի ընթացիկ պարունակությունը.
$(ընտրիչ).after(function(համարը հավաքածուում, տարրի ընթացիկ պարունակությունը));
Տեքստը կարող է լինել ոչ միայն սովորական տեքստ, այլև DOM տարր կամ jQuery օբյեկտ: Այս դեպքում այդ տարրերը կտեղափոխվեն իրենց դիրքից HTML կոդում:
Օրինակ
Եկեք տեքստ տեղադրենք նշված պարբերությունից հետո.
<p id="test">տեքստ</p>
$('#test').after('!!!');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test">տեքստ</p>!!!
Օրինակ
Եկեք պիտակներով տեքստ տեղադրենք նշված պարբերությունից հետո.
<p id="test">տեքստ</p>
$('#test').after('<p>!!!</p>');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test">տեքստ</p><p>!!!</p>
Օրինակ
Եկեք մի պարբերությունը տեղափոխենք մյուսի տակ (այսինքն՝ կտրենք պարբերությունը հին տեղից և դնենք նոր տեղում).
<p id="p1">տեքստ1</p>
<p id="p2">տեքստ2</p>
$('#p1').after($('#p2'));
HTML կոդը կունենա հետևյալ տեսքը.
<p id="p1">տեքստ1</p>
<p id="p2">տեքստ2</p>
Տես նաև
-
insertAfterմեթոդը,
որը տեքստ է ավելացնում նշված տարրից հետո -
before,append,prependմեթոդները,
որոնք հնարավորություն են տալիս պարունակություն ավելացնել էջի որոշակի տեղում -
cloneմեթոդը,
որը ստեղծում է ընտրված տարրերի պատճենները