jQuery හරහා මූලද්‍රව්‍යයක පෙළ වෙනස් කිරීම

පෙර පාඩම් වලදී, jQuery හරහා මූලද්‍රව්‍ය සමූහයක් ලබා ගන්නා ආකාරය අපි ඉගෙන ගත්තා. ක්‍රම යොදාගනිමින් සමහර උදාහරණ ද දුටුවා. දැන් ඒවා සවිස්තරාත්මකව විශ්ලේෂණය කරමු. මෙම පාඩමෙන්, ක්‍රම දෙකක් භාවිතයෙන් මූලද්‍රව්‍යයක පෙළ වෙනස් කරන ආකාරය අපි ඉගෙන ගනිමු: html සහ text.

පහත ගැටළුව විසඳමු: www යන වර්ගයෙන් යුත් සියලුම මූලද්‍රව්‍ය ලබාගෙන, ඒවායේ පෙළ සියල්ලටම එකවර '!!!' ලෙස වෙනස් කරමු. අප සතුව පහත HTML කේතය ඇතැයි සිතමු:

html<p class="www">පෙළ</p>
<p class="www">පෙළ</p>
<p class="www">පෙළ</p>
<p>පෙළ</p>

එවිට JavaScript කේතය පහත ආකාරයෙන් දිස්වනු ඇත:

javascriptlet elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
  elems[i].innerHTML = '!!!';
}

jQuery හරහා කරන්නේ ඉතා සරල ය: ඩොලර් ලකුණ භාවිතයෙන් සියලුම මූලද්‍රව්‍ය ලබාගනිමු, මෙසේ: $('.www'), ඉන්පසු ඒවාට html ක්‍රමය යොදමු. මෙම ක්‍රමය පරාමිතියක් ලෙස නව පෙළ ලබාගනී - $('.www').html('නව පෙළ'). එච්චරයි! මෙම පේලිය ඕනෑම ලූප හෝ වෙනත් අමතර කරදර නොමැතිව සියලු වැඩ කරනු ඇත. උදාහරණය ධාවනය කර එය ඔබම බලන්න:

javascript$('.www').html('!!!');