ელემენტების მიმდინარე ნაკრებში დამატება 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 და გააფერადეთ ეს აბზაცები და სათაურები
წითელ ფერში.
