JS ได้รับโหนดของพี่น้องผู้ปกครองระดับองค์ประกอบย่อยระดับ

มาพูดถึงวิธีการที่จะได้รับ JS ก่อน

วิธี JS จะลำบากกว่า jQuery เป็นหลักเพราะเบราว์เซอร์ FF เบราว์เซอร์ FF จะถือว่าการเปลี่ยนแปลงของคุณเป็นองค์ประกอบ DOM มากที่สุด

คัดลอกรหัสรหัสดังนี้:

<div id = "ทดสอบ">

<div> </div>

<div> </div>

</div>

JS ดั้งเดิมได้รับองค์ประกอบย่อยภายใต้องค์ประกอบของ ID สามารถใช้:

var a = docuemnt.getElementById ("ทดสอบ")

ในเวลานี้ a.length = 2;

แต่ถ้าเราเปลี่ยนวิธีอื่น

var b = document.getElementById ("ทดสอบ")

ในเวลานี้ b.length ไม่มีปัญหาในเบราว์เซอร์ IE และยังคงเท่ากับ 2 แต่มันจะเป็น 4 ในเบราว์เซอร์ FF เพราะ FF ยังใช้การเปลี่ยนแปลงของธนาคารเป็นองค์ประกอบ

ดังนั้นเราต้องจัดการกับมัน

คัดลอกรหัสรหัสดังนี้:

ฟังก์ชั่น del_ff (elem) {

var elem_child = elem.childnodes;

สำหรับ (var i = 0; i <elem_child.length; i ++) {

ifm_child [i]

{elem.removechild (elem_child)

-

-

-

ฟังก์ชั่นข้างต้นเป็นองค์ประกอบปฏิทินทุกที่ ลบเขา

NodeNames สามารถรับโหนดประเภทของโหนด, // s/การแสดงออกปกติของอักขระที่ไม่ได้รับการยกเว้นใน JS เพิ่มก่อน! จากนั้นก็หมายความว่ามันเป็นตัวละครที่ว่างเปล่า

วิธีการทดสอบ () ใช้เพื่อตรวจจับว่าสตริงตรงกับโหมดที่แน่นอนหรือไม่

หากสตริงสตริงมีข้อความที่ตรงกับ regexpobject ให้ส่งคืนจริงมิฉะนั้นจะส่งกลับเท็จ

NodeValue ระบุค่าในโหนดนี้

RemoveChild เป็นองค์ประกอบย่อยที่ลบองค์ประกอบ

หลังจากนั้นก่อนการโทรพ่อพี่ชายก่อนคุณลักษณะเหล่านี้โทรหาฟังก์ชั่นด้านบนเพื่อทำความสะอาดพื้นที่

คัดลอกรหัสรหัสดังนี้:

<div id = "ทดสอบ">

<div> </div>

<div> </div>

</div>

<script>

Fuinction dom () {

var s = document.getElementById ("ทดสอบ");

del_ff (s);

var chils = s.childnodes;

var par = s.parentNode;

var ns = s.nextsbiling;

var ps = s.previouussbiling;

var fc = s.fringchild;

var lc = s.lastchile;

-

</script>

ต่อไปนี้แนะนำพ่อของ JQuery ลูกชาย, Brother Node Search Method

jQuery.parent (expr) การค้นหาโหนดพ่อสามารถส่งผ่านไปยัง expr สำหรับการกรองเช่น $ ("span")

jQuery.parents (expr) คล้ายกับ jQuery.parents (expr) แต่ค้นหาบรรพบุรุษทั้งหมดไม่ จำกัด เฉพาะองค์ประกอบหลัก

jQuery.children (expr)

jQuery.contents () ส่งคืนเนื้อหาต่อไปนี้ทั้งหมดรวมถึงโหนดและข้อความ ความแตกต่างระหว่างวิธีนี้กับเด็ก ๆ () คือข้อความว่างจะถูกใช้เป็น

jQuery Object ส่งคืนเด็ก () จะกลับไปที่โหนดเท่านั้น

jQuery.prev () กลับไปที่โหนดพี่ชายคนก่อนไม่ใช่โหนดพี่ชายทั้งหมด

jQuery.prevall () กลับไปที่โหนดพี่น้องก่อนหน้านี้ทั้งหมด

jQuery.next () กลับไปที่โหนดพี่ชายคนต่อไปไม่ใช่โหนดพี่ชายทั้งหมด

jQuery.nextall () กลับไปที่ทุกคนในโหนดพี่น้องหลังจากทั้งหมด

jQuery.siblings () กลับไปที่โหนดพี่น้องโดยไม่คำนึงถึงด้านหน้าและด้านหลัง

jQuery.find (expr) แตกต่างอย่างสิ้นเชิงจาก jQuery.filter (expr) jQuery.filter () ถูกเลือกจากการรวบรวมวัตถุ jQuery เริ่มต้นและผลการส่งคืนของ jQuery.find () จะไม่มีเนื้อหาในชุดเริ่มต้นเช่น $ ("p"), ค้นหา ("span"), เริ่มต้น ด้วยองค์ประกอบ <p> เริ่มมองหา <span> เทียบเท่ากับ $ ("P Span")