jQuery හි වර්තමාන කට්ටලයට මූලද්රව්ය එකතු කිරීම
සමහර විට අපට දැනටමත් ක්රම කට්ටලයක් තිබෙන අවස්ථා ඇතිවේ,
අපි ඒ සමඟ සමහර මෙහෙයුම් සිදු කර ඇති අතර දැන් අපට එම
කට්ටලයට තවත් මූලද්රව්ය එකතු කර මෙම
සම්පූර්ණ කට්ටලය සමඟ තවත් මෙහෙයුම් කිහිපයක් සිදු කිරීමට අවශ්යය.
මෙය සිදු කරන්නේ
add
ක්රමය භාවිතයෙනි.
උදාහරණයක් ලෙස පහත HTML කේතය ගනිමු:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
අපි ඡේද සියල්ලම සොයාගෙන, ඒවායේ අවසානයට පෙළ
'!' එකතු කරමු, ඉන්පසු සොයාගත් ඡේදවලට
h2
ශීර්ෂ එකතු කරමු,
එමෙන්ම ඒවා පිහිටන්නේ
#test මූලද්රව්යය තුළ පමණක් වන අතර,
තෝරාගත් ශීර්ෂ සහ ඡේද සඳහා එකවර රතු පාට සකසමු:
$('p').append('!').add('#test h2').css('color', 'red');
p ඡේද සියල්ලම
www වර්ගය සමඟ සොයාගෙන,
ඒවායේ ආරම්භයේ පෙළ
'!', අවසානයේ පෙළ '!!',
සකසන්න,
ඉන්පසු මෙම ඡේදවලට
h2 ශීර්ෂ ද එකතු කර මෙම ඡේද සහ ශීර්ෂ
රතු පාටට වර්ණවත් කරන්න.
