jQuery හි අංගයකට පන්තියක් එකතු කිරීම
මම ඔබට මතක් කරමි, HTML කේතයේ
class
ගුණාංගයේදී අවකාශයකින් වෙන් කරන ලද බහු
පන්ති ලිවිය හැකි බව.
මෙවැනි තත්වයක් සිතන්න - ඔබට පවතින පන්ති මකාදැමීමකින් තොරව
ඒවාට නව පන්තියක් එකතු කිරීමට අවශ්යය. මෙම අවස්ථාවේදී,
.attr('class', 'new-class') කිරීමට
attr
ක්රමය භාවිතා කිරීමෙන් සරලව උත්සාහ කිරීම සාර්ථක නොවනු ඇත
- ඔබ දැනටමත් ගුණාංගයේ ඇති පන්ති මකා දමනු ඇත.
ඇත්තෙන්ම, එහි ඇති පන්ති පළමුව කියවා, ඉන්පසු අපේ
පන්තිය අවකාශයකින් වෙන් කර එකතු කර, අනතුරුව සියල්ල නැවත
ගුණාංගයට ලිවීම කළ හැකිය, නමුත් ඊටත් සරල මාර්ගයක් ඇත - jQuery
හි එවැනි කරුණු සඳහා
addClass
ක්රමය නියම කර ඇත.
addClass ක්රමය අංගයකට (හෝ අංග කිහිපයකට)
පන්තියක් එකතු කිරීමට ඉඩ සලසයි, එමෙන්ම
වෙනත් පන්ති මකාදැමීම සිදු නොකරයි. ඔබට
අංගයට එකතු කිරීමට අවශ්ය පන්තිය මෙම
ක්රමයේ පරාමිතියක් ලෙස පිළිගනු ලැබේ.
පහත උදාහරණයේ අප සතුව පන්ති දෙකක් සහිත අංගයක් ඇත -
class="www zzz":
<p class="www zzz" id="test">text</p>
අපට එයට තුන්වන පන්තියක් ද එකතු කළ හැකිය -
kkk. එහි ප්රතිඵලයක් ලෙස ගුණාංගයේ අන්තර්ගතය
class="www zzz kkk" ලෙස වනු ඇත:
$('#test').addClass('kkk');
HTML කේතය පහත පරිදි දිස්වනු ඇත:
<p class="www zzz kkk" id="test">text</p>
සියලුම li අංගවලට test පන්තිය එකතු කරන්න.
