Getting the parent from the matched element in jQuery

Question

I've got a doubt: Is this a good practice to find a parent which it's two levels above the matched element. The html structure looks like this: ```

La última visita estados()->getUltimaVisita($cliente->getId());?>

``` '.lastvisit' fire the event, and I want to get the parent '.cli_visitas' div I'm doing this: ``` $(this).parent().parent().parent().css({boxShadow : '0px 0px 5px #DF0101',backgroundColor:'#F89494'}); ``` Is this a good practice? I don't want to use .parents() method and iterate over each element and find the parent I'd like access it directly. I have tried with .get() but I think this method is not good for my propouse Is there another way to do it? Thank you very much. Gr…

Accepted Answer

You can do this using below two alternatives.

One

```
$(this).closest('div.cli_visitas')
```

Second

```
$(this).parents('div.cli_visitas')
$(this).parents('div.cli_visitas').eq(1)
```

Cool Explanation added in comment by Franc

As an additional note, for OP's benefit, on how those differ `.closest()` will get the first element that matches the selector traversing up through its ancestors in the DOM tree. It will stop as soon as it found a match `.parents()` on the other hand will get all ancestors matching the specified selector, or all parent ancestors if no selector was specified. Therefore if you have a very large nested DOM tree, `closest()` will be more efficient. Off course, if you need to access the nth-ancestor in the match `parents().eq()` would probably be more appropriate.

Getting the parent from the matched element in jQuery

Solution

Problem