Njia ya before
Njia before huongeza maandishi kabla ya kipengele
kilichobainishwa. Pia kuna njia
insertBefore,
inayofanya kazi kwa namna ile ile.
Syntax
Kuingiza maandishi kabla ya kipengele:
$(kichaguzi).before(maandishi);
Hivi ndivyo kabla ya vipengee vilivyochaguliwa maandishi yataongezwa, ambayo yatarudishwa na kitendakazi cha mtumiaji:
$(kichaguzi).before(function(nambari katika seti));
Chaguo lingine la kutumia kitendakazi, kigezo cha pili kinabainisha thamani ya zamani ya html ya kipengele:
$(kichaguzi).before(function(nambari katika seti, mfuatano wa html));
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 katika msimbo wa HTML.
Mfano
Wacha tuingize maandishi kabla ya aya iliyobainishwa:
<p id="test">maandishi</p>
$('#test').before('!!!');
Msimbo wa HTML utakuwa kama hivi:
!!!<p id="test">maandishi</p>
Mfano
Wacha tuingize maandishi yenye vitambulisho kabla ya aya iliyobainishwa:
<p id="test">maandishi</p>
$('#test').before('<p>!!!</p>');
Msimbo wa HTML utakuwa kama hivi:
<p>!!!</p><p id="test">maandishi</p>
Mfano
Wacha tuweke aya moja juu ya nyingine (yaani tukate aya kutoka kwenye nafasi ya zamani na kuiweka kwenye nafasi mpya):
<p id="p1">maandishi1</p>
<p id="p2">maandishi2</p>
$('#p2').before($('#p1'));
Msimbo wa HTML utakuwa kama hivi:
<p id="p1">maandishi1</p>
<p id="p2">maandishi2</p>
Angalia pia
-
njia
insertBefore,
ambayo huongeza maandishi kabla ya kipengele kilichobainishwa -
njia
after,append,prepend,
zinazoruhusu kuongeza maudhui mahali maalum kwenye ukurasa -
njia
clone,
ambayo huunda nakala za vipengee vilivyochaguliwa
