has NOT given data-attribute

by Bianca Kuehweidner

HTML

<table class="detailtable">
    <tr data-test="3"><td>A row</td></tr>
    <tr data-test="3"><td>A row</td></tr>
    <tr data-test="1"><td>A row</td></tr>
    <tr data-test="3"><td>A row</td></tr>
    <tr data-test="1"><td>A row</td></tr>
    <tr data-test="3"><td>A row</td></tr>
    <tr data-test="3"><td>A row</td></tr>
    <tr data-test="1"><td>A row</td></tr>
</table>

CSS

tr {
  background: #ddd;
}
td {
    padding: 4px 20px;
}

JavaScript

var service = "1";
$('tr[data-test!=' + service + ']').css('background', '#D668D2');

/* 
   simpler: 
   $('tr[data-test!="3"]').css('background', '#D668D2');
*/