title: How to define element as "this"
body: <p>The class <code>example</code> can have different heights because the middle one with "lorem ipsum" can spread over two rows because it has more text. </p>
  
  <pre><code>&lt;div class="example"&gt;lorem&lt;/div&gt;
  &lt;div class="example"&gt;lorem ipsum&lt;/div&gt;
  &lt;div class="example"&gt;lorem&lt;/div&gt;
  </code></pre>
  
  <p>How can I identify this?
  I want to know if a <code>.example</code> element has a bigger height than one row (e.g. 30px). So I want something like this:</p>
  
  <pre><code>if ($('.example').height() &gt; 30) {
      $(this).css('background', 'green');
  }
  </code></pre>
  
  <p>So every <code>.example</code> element that has a bigger height than <code>30px</code> shall have a green background color. How can I achieve this? Thank you!</p>