Njia ya append
Njia append huongeza maandishi mwishoni
mwa kipengele. Pia kuna njia
appendTo,
inayofanya kazi kwa namna ile ile.
Syntax
Kuingiza maandishi mwishoni mwa kipengele:
$(kichagua).append(maandishi);
Mwishoni mwa vipengee vilivyochaguliwa unaweza kuongeza maandishi, ambayo yatarudishwa na kitendakazi maalum. Kitendakazi huitwa, kwa kila mmoja wa vipengee vilivyochaguliwa. Wakati wa kuitwa inapewa vigezo vifuatavyo: nafasi ya kipengele katika seti, yaliyomo ya sasa ya kipengele:
$(kichagua).append(function(namba katika seti, yaliyomo ya sasa ya kipengele));
Yaliyomo pia yanaweza kuwa sio tu maandishi ya kawaida lakini pia kipengele cha DOM au kitu cha jQuery. Katika kesi hii vipengee hivi vitaondoshwa kutoka kwenye nafasi zao kwenye msimbo wa HTML.
Mfano
Wacha tuingize maandishi mwishoni mwa aya iliyopewa:
<p id="test">maandishi</p>
$('#test').append('!!!');
Msimbo wa HTML utakuwa kama hivi:
<p id="test">maandishi!!!</p>
Mfano
Wacha tuingize maandishi na vitambulisho mwishoni mwa aya iliyopewa:
<p id="test">maandishi</p>
$('#test').append('<b>!!!</b>');
Msimbo wa HTML utakuwa kama hivi:
<p id="test">maandishi<b>!!!</b></p>
Mfano
Wacha tutafute aya zote na mwishoni mwa kila moja tuweke namba yake ya mpangilio katika seti:
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
$('p').append(function(index, text){return index;});
Msimbo wa HTML utakuwa kama hivi:
<p>maandishi0</p>
<p>maandishi1</p>
<p>maandishi2</p>
<p>maandishi3</p>
<p>maandishi4</p>
