Elementleri bir wagtda redaktirlemek we öçürmek

Bizde käbir abzaslar toplumy bolsun:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Geliň bu abzaslar üçin şeýle edeliň, her abzasyň tekstini redaktirlemek mümkin bolsun we şol bir wagtyň özünde her abzasyň ahyrynda öçürmek üçin baglanyşyk bolsun.

Görkezilen wezipäni amala aşyrylanda bizi bir kynçylyk garşylar.

Kynçylygyň mäzilini düşünmek üçin geliň HTML koda ser edeliň, ol alnyp biler, her abzasyň ahyryna öçürmek baglanyşyklary goşulanda:

<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>

Indi göz öňüne getireliň, islendik abzasyň üstüne basylsa, onda redaktirlemek üçin input peýda bolar. Bu ýagdaýda inputa abzasyň tutuş teksti düşer - öçürmek baglanyşygy bilen bilelikde!

Bu, elbetde, dogry däl.

Has gowy çözgüt abzas tekstlerini span teglaryna geçirmek bolar, şeýle:

<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>

Beýle koda ýönekeýlik bilen wakany baglamak redaktirlemek üçin abzasyň özüne däl,-de tekstli span tegyne bolup biler. Bu ýagdaýda redaktirlemek üçin input span teginde peýda bolar, we bizim öçürmek baglanyşygymyz ýerinde galar.

Aşakdaky HTML kody berlen:

<div id="parent">
	<p><span>text1</span></p>
	<p><span>text2</span></p>
	<p><span>text3</span></p>
</div>

Her abzasyň ahyryna öçürmek üçin baglanyşyk goşuň.

span tegine basylsa onda redaktirlemek üçin input peýda boljak etmeli.

Indi başlangyçda span teglary ýok diýeliň:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Ilki bilen abzas tekstini span teglaryna geçiriň, bu teglara redaktirlemek mümkinçiligini goşuň, soňra her abzasyň ahyryna öçürmek baglanyşygyny goşuň.