Njia after
Njia after huongeza maandishi baada ya
kipengele kilichobainishwa. Pia kuna njia
insertAfter,
inayofanya kazi kwa njia ile ile.
Syntax
Kuingiza maandishi baada ya kipengele:
$(kichaguzi).after(maandishi);
Hivi ndivyo baada ya vipengee vilivyochaguliwa vitaongezwa maandishi, ambayo yatarudishwa na kitendakazi cha mtumiaji. Kitendakazi huitwa, kwa kila mmoja ya vipengee vilivyochaguliwa. Kigezo cha kwanza cha kitendakazi hiki hupata nambari katika seti ya kila kipengee kilichochaguliwa (kwa mfululizo), kwa cha pili - yaliyomo ya sasa ya kipengele:
$(kichaguzi).after(function(nambari katika seti, yaliyomo ya sasa ya kipengele));
Maandishi pia yanaweza kuwa sio tu maandishi ya kawaida lakini pia kipengele cha DOM au kitu cha jQuery. Katika kesi hii, vipengee hivi vitahamishwa kutoka kwenye nafasi yao kwenye msimbo wa HTML.
Mfano
Wacha tuingize maandishi baada ya aya iliyobainishwa:
<p id="test">maandishi</p>
$('#test').after('!!!');
Msimbo wa HTML utakuwa kama hii:
<p id="test">maandishi</p>!!!
Mfano
Wacha tuingize maandishi yenye vitambulisho baada ya aya iliyobainishwa:
<p id="test">maandishi</p>
$('#test').after('<p>!!!</p>');
Msimbo wa HTML utakuwa kama hii:
<p id="test">maandishi</p><p>!!!</p>
Mfano
Wacha tuhamishe aya moja chini ya nyingine (yaani tukate aya kutoka kwenye nafasi ya zamani na tuiweke kwenye nafasi mpya):
<p id="p1">maandishi1</p>
<p id="p2">maandishi2</p>
$('#p1').after($('#p2'));
Msimbo wa HTML utakuwa kama hii:
<p id="p2">maandishi2</p>
<p id="p1">maandishi1</p>
Angalia pia
-
njia
insertAfter,
ambayo huongeza maandishi baada ya kipengele kilichobainishwa -
njia
before,append,prepend,
zinazoruhusu kuongeza yaliyomo mahali maalum kwenye ukurasa -
njia
clone,
ambayo huunda nakala za vipengee vilivyochaguliwa
