Set class to td in a rowspan row

by Bianca Kuehweidner

HTML

<table>
  <tbody>
    <tr>
      <td rowspan=2>rowspan</td>
      <td>Rowspan 1</td>
      <td rowspan=2>Rowspan 2</td>
    </tr>
    <tr>
      <td>bla</td>      
    </tr>
    <tr>
      <td>No rowspan</td>
      <td>bla</td>      
      <td>bla</td>      
    </tr>
  </tbody>
</table>

CSS

* { box-model: border-box; border-collapse: collapse; }
table tr td { border: solid 1px #000; border-top: solid 2px #000; }

.pass {
  background: green;
}
.fail {
  background: red;
}

JavaScript

$("table tbody tr td").each(function() {
  	if ($(this).attr('rowspan') !== undefined) {
  	    $(this).parent("tr").find("td").addClass("pass");
    }  
});