Edit in JSFiddle

$('tr').click(function() {
    $(this).find('td').toggleClass('phs-box-primary');
});

<table class="phs-table">
    <tbody>
        <tr>
            <td>Job Name</td>
            <td>3/23/2015</td>
        </tr>
        <tr>
            <td>Job Name</td>
            <td>3/23/2015</td>
        </tr>
        <tr>
            <td>Job Name</td>
            <td>3/23/2015</td>
        </tr>
    </tbody>
</table>

/* Tables */
.phs-table {
  border-color: #c4c9cc;
  border-style: solid;
  border-collapse: collapse;
  border-width: 1px 0;
  box-sizing: border-box;
  width: 100%;
}
.phs-table th,
.phs-table td {
  font-weight: normal;
  line-height: 1.6em;
  padding: .4em .6em;
  text-align: left;
}
.phs-table th:not(:last-child),
.phs-table td:not(:last-child) {
  border-right: 1px solid #c4c9cc;
}
.phs-table thead,
.phs-table tfoot {
  border-color: #c4c9cc;
  border-style: solid;
  border-width: 1px 0;
}
.phs-table thead th,
.phs-table tfoot th,
.phs-table thead td,
.phs-table tfoot td {
  background-color: #e6e7e9;
}
.phs-table tbody tr:nth-child(even) {
  background-color: #e6e7e9;
}
.phs-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.phs-table tbody td:not(:last-child) {
  border-right: 1px solid #c4c9cc;
}

.phs-box-primary {
  background-color: #ffc300;
  color: #52514f;
}

/* Table widths */
td:first-child { width: 70%; }
td:last-child { text-align: right; }