Njia ya prepend

Njia prepend huongeza maandishi mwanzoni mwa kipengele. Pia kuna njia prependTo, inayofanya kazi kwa njia ile ile.

Syntax

Kuingiza maandishi mwanzoni mwa kipengele:

javascript$(kichaguzi).prepend(maandishi);

Mwanzoni mwa vipengee vilivyochaguliwa unaweza kuongeza maandishi, ambayo yatarudishwa na kitendakazi cha mtumiaji. Kitendakazi huitwa, kwa kila kipengee kati ya vilivyochaguliwa. Wakati wa kukiita vigezo vifuatavyo hupitishwa: nafasi ya kipengele katika seti, yaliyomo ya sasa ya kipengele:

javascript$(kichaguzi).prepend(function(namba katika seti, yaliyomo ya sasa ya kipengele));

Yaliyomo pia yanaweza kuwa sio tu maandishi ya kawaida, bali pia kipengele cha DOM au kitu cha jQuery. Katika kesi hii, vipengee hivi vitaondoka kutoka kwenye nafasi yao kwenye msimbo wa HTML.

Mfano

Wacha tuingize maandishi mwanzoni mwa aya iliyopewwa:

html<p id="test">maandishi</p>
javascript$('#test').prepend('!!!');

Msimbo wa HTML utakuwa kama hii:

html<p id="test">!!!maandishi</p>

Mfano

Wacha tuingize maandishi na vitambulisho mwanzoni mwa aya iliyopewwa:

html<p id="test">maandishi</p>
javascript$('#test').prepend('<b>!!!</b>');

Msimbo wa HTML utakuwa kama hii:

html<p id="test"><b>!!!</b>maandishi</p>

Mfano

Wacha tupate aya zote na mwanzoni mwa kila moja tuweke namba yake ya mpangilio katika seti:

html<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
javascript$('p').prepend(function(index, text) {
  return index;
});

Msimbo wa HTML utakuwa kama hii:

html<p>0maandishi</p>
<p>1maandishi</p>
<p>2maandishi</p>
<p>3maandishi</p>
<p>4maandishi</p>

Angalia pia

  • njia prependTo,
    ambayo huongeza maandishi mwanzoni mwa kipengele
  • njia append, before, after,
    zinazoruhusu kuongeza yaliyomo mahali maalum
  • kipengele-bandia before,
    kinachoongeza maandishi mwishoni mwa kipengele kwenye CSS