Append մեթոդը

append մեթոդը տեքստ է ավելացնում տարրի վերջում։ Գոյություն ունի նաև appendTo մեթոդը, որն աշխատում է նույն ձևով։

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

Տեքստի տեղադրումը տարրի վերջում.

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

Ընտրված տարրերի վերջում կարելի է ավելացնել այն տեքստը, որը վերադարձնում է օգտագործողի կողմից սահմանված ֆունկցիան։ Ֆունկցիան կանչվում է ընտրված յուրաքանչյուր տարրի համար առանձին։ Կանչի ժամանակ նրան փոխանցվում են հետևյալ պարամետրերը. տարրի դիրքը հավաքածուում, տարրի ընթացիկ պարունակությունը.

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

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

Օրինակ

Տեսքավորենք տեքստը տրված պարբերության վերջում.

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

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

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

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

Օրինակ

Տեսքավորենք պիտակներով տեքստը տրված պարբերության վերջում.

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

javascript$('#test').append('<b>!!!</b>');

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

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

Օրինակ

Գտնենք բոլոր պարբերությունները և յուրաքանչյուրի վերջում տեղադրենք նրա հերթական համարը հավաքածուում.

html<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>

javascript$('p').append(function(index, text){return index;});

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

html<p>տեքստ0</p>
<p>տեքստ1</p>
<p>տեքստ2</p>
<p>տեքստ3</p>
<p>տեքստ4</p>

Տես նաև