title: Apply css to tr with custom data attribute in JQuery
body: <p>I have a table, each tr element has a custom data attribute and I want to apply style to certain values.</p>
  
  <p>In HTML:</p>
  
  <pre><code>&lt;table id="notify" class="t_notify"&gt;
  &lt;tr data-notify="101"&gt;
   &lt;td&gt;data&lt;/td&gt;
   &lt;td&gt;data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr data-notify="102"&gt;
   &lt;td&gt;data&lt;/td&gt;
   &lt;td&gt;data&lt;/td&gt;
  &lt;/tr&gt;
  &lt;!-- and goes --&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>With CSS:</p>
  
  <pre><code>.t_notify&gt;tbody&gt;tr{background:#BBB;}
  .t_notify&gt;tbody&gt;tr:hover{background:transparent;}
  </code></pre>
  
  <p>I tried in Jquery to make this when I click in a certain tr element, for example:</p>
  
  <pre><code>$("#notify &gt; tbody &gt; tr").attr("[data-notify='101']").css({"background":"#CCC"});
  </code></pre>
  
  <p>But this doesn't work. I would like some help.</p>