jQuery How to get to a particular child of a parent

Question

To give a simplified example  I ve got the following block repeated on the page lots of times  it s dynamically generated     lt div class  box  gt      lt div class  something1  gt  lt  div gt      lt div class  something2  gt         lt a class  mylink  gt My link lt  a gt      lt  div gt   lt  div gt    When clicked  I can get to the parent of the link with       mylink   click function          this  parents   box   fadeOut  fast          However    I need to get to the  lt div class  something1  gt  of that particular parent   Basically  can someone tell me how to refer to a higher-level sibling without being able to refer to it directly  Let s call it big brother  A direct reference to the big brother s class name would cause every instance of that element on the page to fade out - which is not the desired effect    I ve tried   parents   box  something1       no luck  parents   box  gt   something1       no luck  siblings       no luck    Anyone  Thanks

User · Accepted Answer

Calling  parents   box  something1   will return all parent elements that match the selector  box  something   In other words  it will return parent elements that are  something1 and are inside of  box   You need to get the children of the closest parent  like this     this  closest   box   children   something1     This code calls  closest to get the innermost parent matching a selector  then calls  children on that parent element to find the uncle you re looking for

User · Answer

this  parent     Tree traversal is fun    this  parent   siblings   something1       this  parent   prev       if you always want the parent s previous sibling    this  parents   box   children   something1      And much more ways  you might find these docs helpful

User · Answer

This will find the first parent with class box then find the first child class with regex matching something and get the id       mylink   closest   box   find   class   something     first   attr  id

User · Answer

You could use  each   with  children   and a selector within the parenthesis     Grab Each Instance of Box      box   each function i          For Each Instance  grab a child called  something1  Fade It Out        this  children   something1   fadeOut

User · Answer

If I understood your problem correctly    this  parents   box   children   something1   Is this what you are looking for

[jquery] jQuery: How to get to a particular child of a parent?

Examples related to jquery

Examples related to jquery-selectors

Examples related to parent

Examples related to siblings