Append մեթոդը
append մեթոդը տեքստ է ավելացնում տարրի վերջում։
Գոյություն ունի նաև appendTo
մեթոդը, որն աշխատում է նույն ձևով։
Շարահյուսություն
Տեքստի տեղադրումը տարրի վերջում.
$(ընտրիչ).append(տեքստ);
Ընտրված տարրերի վերջում կարելի է ավելացնել այն տեքստը, որը վերադարձնում է օգտագործողի կողմից սահմանված ֆունկցիան։ Ֆունկցիան կանչվում է ընտրված յուրաքանչյուր տարրի համար առանձին։ Կանչի ժամանակ նրան փոխանցվում են հետևյալ պարամետրերը. տարրի դիրքը հավաքածուում, տարրի ընթացիկ պարունակությունը.
$(ընտրիչ).append(function(համար հավաքածուում, տարրի ընթացիկ պարունակությունը));
Պարունակությունը կարող է լինել ոչ միայն սովորական տեքստ, այլև DOM տարր կամ jQuery օբյեկտ։ Այս դեպքում այդ տարրերը կտեղափոխվեն իրենց տեղից HTML կոդում։
Օրինակ
Տեսքավորենք տեքստը տրված պարբերության վերջում.
<p id="test">տեքստ</p>
$('#test').append('!!!');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test">տեքստ!!!</p>
Օրինակ
Տեսքավորենք պիտակներով տեքստը տրված պարբերության վերջում.
<p id="test">տեքստ</p>
$('#test').append('<b>!!!</b>');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test">տեքստ<b>!!!</b></p>
Օրինակ
Գտնենք բոլոր պարբերությունները և յուրաքանչյուրի վերջում տեղադրենք նրա հերթական համարը հավաքածուում.
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
$('p').append(function(index, text){return index;});
HTML կոդը կունենա հետևյալ տեսքը.
<p>տեքստ0</p>
<p>տեքստ1</p>
<p>տեքստ2</p>
<p>տեքստ3</p>
<p>տեքստ4</p>