javascript - jQuery addClass only to <td> where the parent <tr> has specific class

so what i try to do is, to add a class to every element, where the parent has a specific class.

I tried this:

if ($('tr').hasClass('storno')) {
        $('tr > td').addClass('storno');
    }

and this is the html example:

<table>
  <tr class="storno">
    <td>test</td>
    <td>test2</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test2</td>
  </tr>
</table>

i tried it also with some other code, but at this point, i dont know i can get it right.

Thank you very much in advance

so what i try to do is, to add a class to every element, where the parent has a specific class.

I tried this:

if ($('tr').hasClass('storno')) {
        $('tr > td').addClass('storno');
    }

and this is the html example:

<table>
  <tr class="storno">
    <td>test</td>
    <td>test2</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test2</td>
  </tr>
</table>

i tried it also with some other code, but at this point, i dont know i can get it right.

Thank you very much in advance

Share Improve this question asked Jul 11, 2013 at 10:00 xKevin 531 silver badge5 bronze badges

Add a comment |

6 Answers 6

Sorted by: Reset to default 12

$('tr.storno > td').addClass('storno');

you need to use the class selector along with descendent selector to do this

$('tr.storno td').addClass('storno');

Demo: Fiddle

Do this

$('tr.storno > td').addClass('storno');

simply use a selector with the specific class when you fetch the nodes:

$('tr.specificParentClass').children('td').addClass('tdClass');

Here, try this one

$('tr.storno').find('td').addClass('storno');

if ($('tr').hasClass('storno')) {
    $(this).find('td').addClass('storno');
}