ใครพอจะรู้เรื่อง jQuery ช่วยอธิบาย .closest ให้หน่อยครับ +1

VadiForte

ตอนนี้ผมกำลังศึกษาจาก http://try.jquery.com อยู่ครับ มันเป็นภาษาอังกฤษ ซึ่งก็พอฟังรู้เรื่อง

แต่มันติดอยู่ตัวเดียว คำสั่ง .closest นี่ผมไม่เข้าใจจริงๆ เลยไปต่อไม่ได้

ใครช่วยอธิบายให้เข้าใจหน่อยได้ไหมครับ

ขอบคุณครับ

+1 All

MapTwoZa

อธิบาย closest พร้อม parents ไปเลยแล้วกัน

<body>
<ul id="1">
<li>
<ul id="2">
<li>
<ul id="3">
<li id="target">

#closest

โค้ด เลือก


$('#target').closest('ul').length;   //  1
$('#target').closest('ul').get(0);   //  <ul id="3">

#parents

โค้ด เลือก


$('#target').parents('ul').length;  //   3
$('#target').parents('ul').get(0);  //  <ul id="3">
$('#target').parents('ul').get(1);  //  <ul id="2">
$('#target').parents('ul').get(2);  //  <ul id="1">

สรุป
closest คือ การหา parent node ที่ตรงกับ selector เพียง 1 ตัว ที่ใกล้ที่สุด (หรือ 0 ถ้าหากไม่เจอ 55+)
parents คือ การหา parent nodes ที่ตรงกับ selector ทั้งหมด

ossytong

อ้างถึงจาก: MapTwoZa ใน 26 กุมภาพันธ์ 2014, 12:35:53
อธิบาย closest พร้อม parents ไปเลยแล้วกัน

<body>
<ul id="1">
<li>
<ul id="2">
<li>
<ul id="3">
<li id="target">

#closest
โค้ด เลือก ขยาย
$('#target').closest('ul').length; // 1 $('#target').closest('ul').get(0); // <ul id="3">

#parents
โค้ด เลือก ขยาย
$('#target').parents('ul').length; // 3 $('#target').parents('ul').get(0); // <ul id="3"> $('#target').parents('ul').get(1); // <ul id="2"> $('#target').parents('ul').get(2); // <ul id="1">

สรุป
closest คือ การหา parent node ที่ตรงกับ selector เพียง 1 ตัว ที่ใกล้ที่สุด (หรือ 0 ถ้าหากไม่เจอ 55+)
parents คือ การหา parent nodes ที่ตรงกับ selector ทั้งหมด

พี่เหมาะเป็นอาจารย์สอน มากเลยอ่ะครับ - -" ติดตามมาหลาย content มากๆและ อธิบายดีมากอ่ะ - -"
อยากได้ทำงานเป็นลูกมือด้วยจริงๆ สัมผัสได้ถึง ความรู้ที่เยอะแยะของพี่จริง ได้เห็นมุมมองการแก้ code กระบวนการคิดการเขียนได้เยี่ยมแน่ๆ (เจนสัมผัสได้) ^^

VadiForte

อ้างถึงจาก: MapTwoZa ใน 26 กุมภาพันธ์ 2014, 12:35:53
อธิบาย closest พร้อม parents ไปเลยแล้วกัน

<body>
<ul id="1">
<li>
<ul id="2">
<li>
<ul id="3">
<li id="target">

#closest
โค้ด เลือก ขยาย
$('#target').closest('ul').length; // 1 $('#target').closest('ul').get(0); // <ul id="3">

#parents
โค้ด เลือก ขยาย
$('#target').parents('ul').length; // 3 $('#target').parents('ul').get(0); // <ul id="3"> $('#target').parents('ul').get(1); // <ul id="2"> $('#target').parents('ul').get(2); // <ul id="1">

สรุป
closest คือ การหา parent node ที่ตรงกับ selector เพียง 1 ตัว ที่ใกล้ที่สุด (หรือ 0 ถ้าหากไม่เจอ 55+)
parents คือ การหา parent nodes ที่ตรงกับ selector ทั้งหมด

ขอบคุณครับ แค่สองบรรทัดล่างก็แจ่มแจ้งแดงแจ๋แล้วครับบบบ

Surakrai

closest ผมใช้บ่อยมาก ช่วงแรกก็งงๆ เลยเขียนโค้ดไว้เพื่อทำความเข้าใจ http://jsfiddle.net/surakrai/T49Tf/

gravity99 · 01 มีนาคม 2014, 12:52:13

มาเก็บความรู้ครับ

ใครพอจะรู้เรื่อง jQuery ช่วยอธิบาย .closest ให้หน่อยครับ +1

VadiForte

MapTwoZa

ossytong

VadiForte

Surakrai

gravity99