Uhariri na Ufutaji wa Vipengele Vya Wakati Mmoja
Hebu tuchukulie tuna seti fulani ya aya:
<div id="parent">
<p>text1</p>
<p>text2</p>
<p>text3</p>
</div>
Wacha kwa aya hizi tufanye ili iwezekanavyo kuhariri maandishi ya kila aya na wakati huo huo mwisho wa kila aya kuwa na kiungo cha kufuta.
Wakati wa kutekeleza kazi iliyoelezwa tunakabiliwa na shida fulani.
Ili kuelewa kiini cha shida, wacha tuangalie msimbo wa HTML, utakopatikana wakati viungo vya kufuta vitakavyowekwa mwishoni mwa kila aya:
<div id="parent">
<p>text1<a href="">remove</a></p>
<p>text2<a href="">remove</a></p>
<p>text3<a href="">remove</a></p>
</div>
Sasa hebu tufikirie kwamba kwa kubofya kwa aya yoyote kwenye hiyo aya, utajiolezea ingizo la kuhariri maandishi. Katika hali hii, kwenye uingizaji utaingia maandishi yote ya aya - pamoja na kiungo cha kufuta!
Hii, bila shaka, si sahihi.
Uamuzi bora zaidi ungekuwa ni kufunga maandishi
ya aya kwenye vitenzi span, kama hivi:
<div id="parent">
<p><span>text1</span><a href="">remove</a></p>
<p><span>text2</span><a href="">remove</a></p>
<p><span>text3</span><a href="">remove</a></p>
</div>
Kwa msimbo kama huu, unaweza kuweka tu tukio
la kuhariri sio kwenye aya yenyewe, bali kwenye
span iliyo na maandishi. Katika hali hii, uingizaji
wa kuhariri utaonekana kwenye kitenzi
span, na kiungo chetu cha kufuta kitabaki
hakikibadilishi.
Kuna msimbo ufuatao wa HTML:
<div id="parent">
<p><span>text1</span></p>
<p><span>text2</span></p>
<p><span>text3</span></p>
</div>
Ongeza kiungo cha kufuta mwishoni mwa kila aya.
Fanya ili kwa kubofya kwenye span
ndani yake ionekane uingizaji wa kuhariri.
Hebu sasa mwanzo hakuwa na vitenzi span:
<div id="parent">
<p>text1</p>
<p>text2</p>
<p>text3</p>
</div>
Funga kwanza maandishi ya aya kwenye vitenzi span,
ongeza uwezo wa kuhariri kwa vitenzi hivi,
kisha ongeza kiungo cha kufuta mwishoni mwa kila aya.
