אופרטורי חיפוש jquery

נדבר בפוסט הזה על אופרטורי חיפוש ב jqury וההבדל בינהם ומה השימוש שנעשה בהם אלה הפונקציות שנדבר עליהם :

• parent
• parents
• children
• find
• closest

אנחנו משתמשים בפונקציות החיפוש בעיקר כדי להגיע מאלמנט מסויים לאלמנט אחר שאנחנו רוצים למשל באירוע לחיצה אנחנו מקבלים ב this  את האלמנט שלחצנו עליו וממנו אחנו רוצים להגיע לאלמנט מסויים שאנחנו רוצים לשנות .

 

parent ו parents

כאשר אנחנו מדברים על parent מדובר על ההורה שמעל האלמנט שאנחנו נמצאים בו למשל

<div class="parent1">
   <div class="element1"></div>
<div class="parent2">
   <div class="element2"></div>
<div class="parent3">
  <div class="element3"></div>
</div>
</div>
</div>

כאשר אנחנו נמצאים ב element3 ה parent יצביע על parant3 וכן הלאה. כלומר ההורה הקרוב אליו

במידה ואנחנו רוצים מאלמנט 3 להגיע להורה הראשון ניתן להשתמש בפקודה parants הוספנו s ונרשום את הפקודה

$(this).parents('parent1')

 children וfind

בדומה ל parent גם children יכול להגיע רק לבן מדרגה ראשונה ו find יכול להגיע לבנים שנמצאים עמוק יותר.

closest

פקודה מאוד נחמדה .