prepend մեթոդը

prepend մեթոդը տեքստ է ավելացնում տարրի սկիզբը: Գոյություն ունի նաև prependTo մեթոդը, որն աշխատում է նույն ձևով:

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

Տեքստի տեղադրում տարրի սկզբում.

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

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

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

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

Օրինակ

Եկեք տեքստ տեղադրենք տրված պարբերության սկզբում.

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

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

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

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

Օրինակ

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

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

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

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

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

Օրինակ

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

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

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

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

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

Տես նաև