การเพิ่มองค์ประกอบลงในชุดปัจจุบันใน 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>
ลองหา all paragraphs, เพิ่มข้อความ
'!' ที่ท้าย, จากนั้นเพิ่ม
ส่วนหัว h2
เข้าไปใน paragraphs ที่พบ
โดยเฉพาะอันที่อยู่ภายในองค์ประกอบ
#test, และพร้อมกันสำหรับส่วนหัว
และ paragraphs ที่เลือก ตั้งค่าสีแดง:
$('p').append('!').add('#test h2').css('color', 'red');
ค้นหาทุก paragraph p ที่มีคลาส
www, ตั้งข้อความ
'!' ที่เริ่มต้น
และข้อความ '!!' ที่ท้าย,
จากนั้นเพิ่มส่วนหัว
h2 เข้าไปใน paragraphs เหล่านี้ และตั้งสี
ของ paragraphs และส่วนหัวเหล่านี้เป็นสีแดง
