เพื่อค้นหา พี่น้อง ขององค์ประกอบรายการ javascript ได้จัดเตรียมวิธีการที่เรียกว่า node.nextSibling . หากเรารู้จักสมาชิกรายใดในรายชื่อ เราจะสามารถหาพี่น้องของรายการนั้นได้ มาพูดคุยกันสั้นๆ
ไวยากรณ์
node.nextSibling;
ตัวอย่าง
ในตัวอย่างต่อไปนี้ มีองค์ประกอบรายการ 3 รายการ การใช้คุณสมบัติ nextSibling พบพี่น้องขององค์ประกอบแรกและแสดงผลในผลลัพธ์
<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item1").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html> ผลลัพธ์
Tesla Spacex Solarcity The sibling element is Spacex
ตัวอย่าง
ในตัวอย่างต่อไปนี้ มีองค์ประกอบรายการ 3 รายการ การใช้คุณสมบัติ nextSibling พี่น้องของ องค์ประกอบที่สอง ถูกค้นพบและแสดงผลในผลลัพธ์ องค์ประกอบพี่น้องไม่ได้เป็นเพียงแค่องค์ประกอบถัดไปขององค์ประกอบเป้าหมาย
<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item2").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html> ผลลัพธ์
Tesla Spacex Solarcity The sibling element is Solarcity
