jquery find closest previous sibling with class

Question

here s the rough html I get to work with   lt li class  quot par cat quot  gt  lt  li gt   lt li class  quot sub cat quot  gt  lt  li gt   lt li class  quot sub cat quot  gt  lt  li gt   lt li class  quot par cat quot  gt  lt  li gt     this is the single element I need to select  lt li class  quot sub cat quot  gt  lt  li gt   lt li class  quot sub cat quot  gt  lt  li gt   lt li class  quot sub cat current sub quot  gt  lt  li gt     this is where I need to start searching  lt li class  quot par cat quot  gt  lt  li gt   lt li class  quot sub cat quot  gt  lt  li gt   lt li class  quot par cat quot  gt  lt  li gt   I need to traverse from the  current sub  find the closest previous  par cat and do stuff to it   find  quot li par cat quot   returns the whole load of  par cat  I ve got about 30 on the page   I need target the single one

User · Accepted Answer

Try      li current sub   prevAll  li par cat first      Tested it with your markup      li current sub   prevAll  li par cat first   text  woohoo      will fill up the closest previous li par cat with  woohoo

User · Answer

I think all the answers are lacking something  I prefer using something like this     li current sub   prevUntil  li par cat   prev      Saves you not adding  first inside the selector and is easier to read and understand  prevUntil   method has a better performance as well rather than using prevAll

User · Answer

Using prevUntil   will allow us to get a distant sibling without having to get all  I had a particularly long set that was too CPU intensive using prevAll     var category      li current sub   prev  li par cat    if  category length    0     category      li current sub   prevUntil  li par cat   last   prev      category show      This gets the first preceding sibling if it matches  otherwise it gets the sibling preceding the one that matches  so we just back up one more with prev   to get the desired element

User · Answer

Try    li current sub   prev   par cat    do stuff

User · Answer

You can follow this code    lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt   lt script gt        document  ready function                  add   on  click   function                  var v     this  closest   division   find  input name  roll     val                alert v                        lt  script gt   lt  php  for   i   1   i  lt   5   i          echo  lt div class    division  gt               lt form method  POST  action    gt               lt p gt  lt input type  number  name  roll  placeholder  Enter Roll  gt  lt  p gt               lt p gt  lt input type  button  class  add  name    submit  value    Click  gt  lt  p gt               lt  form gt  lt  div gt        gt    You can get idea from this

[jquery] jquery find closest previous sibling with class

Examples related to jquery

Examples related to html

Examples related to traversal

Examples related to tree-traversal