අංග සමගාමී සංස්කරණය සහ මකාදැමීම

අපට යම් ඡේද කට්ටලයක් ඇතැයි සිතමු:

<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 ටැග වලින් ඔතා තබන්න, මෙම ටැග සඳහා සංස්කරණය කිරීමේ හැකියාව එක් කරන්න, ඉන්පසු එක් එක් ඡේදය අවසානයට මකාදැමීම සඳහා සබැඳියක් එක් කරන්න.