jQuery හරහා මූලද්රව්යයක පෙළ වෙනස් කිරීම
පෙර පාඩම් වලදී, jQuery හරහා මූලද්රව්ය සමූහයක් ලබා ගන්නා ආකාරය අපි ඉගෙන ගත්තා. ක්රම යොදාගනිමින් සමහර උදාහරණ ද දුටුවා. දැන් ඒවා සවිස්තරාත්මකව විශ්ලේෂණය කරමු. මෙම පාඩමෙන්, ක්රම දෙකක් භාවිතයෙන් මූලද්රව්යයක පෙළ වෙනස් කරන ආකාරය අපි ඉගෙන ගනිමු: html සහ
text.
පහත ගැටළුව විසඳමු: www යන වර්ගයෙන් යුත් සියලුම මූලද්රව්ය ලබාගෙන, ඒවායේ පෙළ සියල්ලටම එකවර '!!!' ලෙස වෙනස් කරමු. අප සතුව පහත HTML කේතය ඇතැයි සිතමු:
<p class="www">පෙළ</p>
<p class="www">පෙළ</p>
<p class="www">පෙළ</p>
<p>පෙළ</p>
එවිට JavaScript කේතය පහත ආකාරයෙන් දිස්වනු ඇත:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].innerHTML = '!!!';
}
jQuery හරහා කරන්නේ ඉතා සරල ය: ඩොලර් ලකුණ භාවිතයෙන් සියලුම මූලද්රව්ය ලබාගනිමු, මෙසේ:
$('.www'), ඉන්පසු ඒවාට html ක්රමය යොදමු.
මෙම ක්රමය පරාමිතියක් ලෙස නව පෙළ ලබාගනී - $('.www').html('නව පෙළ'). එච්චරයි! මෙම පේලිය ඕනෑම ලූප හෝ වෙනත් අමතර කරදර නොමැතිව සියලු වැඩ කරනු ඇත. උදාහරණය ධාවනය කර එය ඔබම බලන්න:
$('.www').html('!!!');
සියලුම h3 මූලද්රව්ය සඳහා, html ක්රමය භාවිතයෙන් පෙළ '!!!' ලෙස සකසන්න.
