How can I find the parent tr of a td using jQuery?

Question

I have the following: ``` tdToPad = tds.filter('[id^="input_Title_"]') pad = 60; tdToPad.css('margin-left', pad); ``` What I would like to do is to remove any class that starts with "X-" and give the row that is contained by "tdToPad" a class of "X-" + pad. Something like: ``` ``` Being that toToPad refers to the td element in a row. How can I give the parent tr the class "X-" + pad ? I think I need something like the following but if that's the correct way to do it then how can I remove elements already there with a class of "X-" somevalue and then give this element the correct class? ``` tdToPad.Parent('tr') ```

Accepted Answer

You can use `closest()` method:

Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree.

```
tdToPad.closest('tr')
       .addClass('X-' + pad)
```

update:

```
tdToPad.closest('tr').get(0).className = tdToPad.closest('tr').get(0).className.replace(/\bX\-.*?\b/g, '');
tdToPad.closest('tr').addClass('X-' + pad)
```

How can I find the parent tr of a td using jQuery?

Solution

Problem