Якбора вироиш ва нест карни унсурҳо

Фарз кунем, ки мо як маҷмӯи абзасҳо дорем:

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

Биёед барои ин абзасҳо чункине созем, ки матни ҳар абзасро таҳрир кардан мумкин бошад ва дар ҳамон ҳол дар охири ҳар абзас пайванде барои нест кардан истода бошад.

Ҳангоми амалӣ кардани вазифаи дар боло зикршуда мо бо як мушкилие рӯ ба рӯ мешавем.

Барои он ки моҳияти мушкилро фаҳмем, биёед ба рамзи HTML нигарем, ки ҳангоми илова кардани пайванди несткунӣ ба охири ҳар абзас ба даст оварда мешавад:

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

Акнун тасаввур кунем, ки бо клик кардан ба рӯи ҳар як абзас дар он вурудии вироиши матн пайдо шавад. Дар ин сурат ба вурудӣ ҳамаи матини абзас - ҳамроҳ бо пайванди несткунӣ ворид мешавад!

Ин, албатта, нодуруст аст.

Ҳалли муносибтар он хоҳад буд, ки матнҳои абзасҳоро дар тегҳои span гирем, ба ин шакл:

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

Барои чунин рамз шумо метавонед фақат воқеаи вироишро на ба худи абзас, балки ба span бо матн насб кунед. Дар ин сурат вурудии вироиш дар теги span пайдо мешавад, ва пайванди мо барои нест кардан боқӣ мемонад.

Рамзи HTML-и зерин дода шудааст:

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

Пайванди несткуниро ба охири ҳар абзас илова кунед.

Чунин созед, ки бо клик кардан ба рӯи span дар он вурудии вироиш пайдо шавад.

Фарз кунем, ки акнун тегҳои span вуҷуд надоранд:

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

Аввал матни абзасро дар тегҳои span бигиред, ба ин тегҳо имконияти вироишро илова кунед, ва сипас ба охири ҳар абзас пайванди несткуниро илова кунед.