title: jQuery: check what DIV from group of DIVs with classes that contain the same part in name has some attribute
body: <p>How could I detect if only one DIV of any number of ones with predefined part of their class name has certain style parameter?</p>
  
  <p>For example I have the following HTML:</p>
  
  <pre><code>&lt;style&gt;
      .number_one, .number_two {
          display: inline-block;
          height: 100px;
          width: 100px;
          line-height: 100px;
          text-align: center;
          border: 1px solid rgba(0,0,0,0.1);
          cursor: pointer;
      }
  &lt;/style&gt;
  
  &lt;div class="number_one"&gt;Number 1&lt;/div&gt;
  &lt;div class="number_two"&gt;Number 2&lt;/div&gt;
  
  &lt;script&gt;
      jQuery(document).ready(function() {
          jQuery(".number_one").click(function() {
              jQuery(".number_one").css("display", "none");
          });
          jQuery(".number_two").click(function() {
              jQuery(".number_two").css("display", "none");
          });
      })
  &lt;script&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/vpwuhwmb/" rel="nofollow noreferrer">JSFiddle</a> (but it really does nothing other than changing DIV's parameters)</p>
  
  <p>How could I, for example, prevent any action taken against the only DIV that is still visible, assuming I could have unlimited number of divs, but all of them will always share <strong><code>number_</code></strong> as part of their class name.</p>