title: Cleaner view with class="name1", class="name2" and jQuery regexp or not use numbers in class
body: <p>I got two options, this: <code>&lt;p class="dayFlag@(day.OwnRequest)"&gt;</code></p>
  
  <p>or this:</p>
  
  <pre><code>                        @if (day.OwnRequest == 1)
                      {
                          &lt;p class="dayFlag canWork"&gt;&lt;/p&gt;
                      }
                      else if (day.OwnRequest == 2)
                      {
                          &lt;p class="dayFlag canNotWork"&gt;&lt;/p&gt;
                      }
                      else
                      {
                          &lt;p class="dayFlag"&gt;&lt;/p&gt;                            
                      }
  </code></pre>
  
  <p>The first option is mutch cleaner. But it is more simple to find the tag witch option 2.</p>
  
  <pre><code>var dayFlag = dayHolder.find('.dayFlag');
  </code></pre>
  
  <p>What is best practices in those cases? Got some javascript on the page, working with the tag. Is it 'heavy' to always get it by data attr or use the class with some regexp to see if there are any number after the dayFlaxX</p>