วิธีการ siblings
วิธีการ siblings ค้นหา
องค์ประกอบระดับเดียวกันทั้งหมดภายในผู้ปกครองเดียวกัน
ไวยากรณ์
การได้มาซึ่งองค์ประกอบระดับเดียวกัน:
.siblings();
ยังสามารถกรององค์ประกอบระดับเดียวกันตามตัวเลือกที่กำหนดได้ (ในชุดจะเหลือเพียงองค์ประกอบระดับเดียวกัน ที่ตรงกับตัวเลือกนี้):
.siblings(ตัวเลือก);
ตัวอย่าง
ลองค้นหาองค์ประกอบ #test และกำหนดข้อความ
'!' ให้กับองค์ประกอบระดับเดียวกันทั้งหมดของมัน
โดยใช้วิธีการ
html:
<p>outside</p>
<div>
<p>inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p>inside</p>
</div>
<p>outside</p>
$('#test').siblings().html('!');
โค้ด HTML จะกลายเป็นดังนี้:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
ตัวอย่าง
ลองค้นหาองค์ประกอบ #test และกำหนด
ข้อความ '!' ให้กับองค์ประกอบระดับเดียวกันทั้งหมดของมัน
ที่มีคลาส www โดยใช้วิธีการ
html:
<p>outside</p>
<div>
<p>inside</p>
<p class="www">inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p class="www">inside</p>
<p>inside</p>
</div>
<p>outside</p>
$('#test').siblings('.www').html('!');
โค้ด HTML จะกลายเป็นดังนี้:
<p>outside</p>
<div>
<p>inside</p>
<p class="www">!</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p class="www">!</p>
<p>inside</p>
</div>
<p>outside</p>
