title: Getting all tr with a particular background-color using selector
body: <p>I have a table with many rows. Some rows are having a prticular colour and I want to get an array of that tr elements using jquery. I used selectors but didnt work</p>
  
  <pre><code>$("#tbodySample").children("tr[background-color='rgb(79,79,79)']").length;
  
  $("#tbodySample").children("tr[style='background-color:rgb(79,79,79)']").length;
  
  $("#tbodySample").children("tr[style='{background-color:rgb(79,79,79)}']").length;
  
  $("#tbodySample").children("tr[background-color='#4F4F4F']").length;
  
  $("#tbodySample").children("tr[style='background-color:#4F4F4F']").length;
  
  $("#tbodySample").children("tr[style='{background-color:#4F4F4F}']").length;
  </code></pre>
  
  <p>My html is </p>
  
  <pre><code>&lt;table&gt;
  &lt;tbody id="tbodySample"&gt;
  &lt;tr class="selectable" style="background-color: rgb(79, 79, 79);"&gt;contents&lt;/tr&gt;
  &lt;tr class="selectable" style="background-color: rgb(52, 52, 52);"&gt;contents&lt;/tr&gt;
  &lt;tr class="selectable" style="background-color: rgb(52, 52, 52);"&gt;contents&lt;/tr&gt;
  &lt;tr class="selectable" style="background-color: rgb(52, 52, 52);"&gt;contents&lt;/tr&gt;
  &lt;tr class="selectable" style="background-color: rgb(79, 79, 79);"&gt;contents&lt;/tr&gt;
  .
  .
  .
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>All the above statements returns 0.
  Is there any reliable way to achieve this?</p>