title: Loop through list items and check for width in-line
body: <p>I am trying to loop through a list using jquery and find if any of the spans have a set width of 95%.  If it does, then change the color to BG color to red or if it's 50% change the BG color to yellow.  Any ideas how I can accomplish this?</p>
  
  <p>I have started the loop.</p>
  
  <p><strong>JQUERY</strong></p>
  
  <pre><code>// .skills = UL
  
  $('.skills').each(function(i) {
  var list = $(this).find('li span');
  
      if (list.attr('style').indexOf('width') == 95) {
          alert('hello');
      }
  
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section class="column strengths"&gt;
  
      &lt;ul class="skills"&gt;
          &lt;li class="html"&gt;&lt;b class="centered"&gt;HTML&lt;/b&gt;&lt;div class="meter"&gt;&lt;span style="width: 95%"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="css"&gt;&lt;b class="centered"&gt;CSS&lt;/b&gt;&lt;div class="meter"&gt;&lt;span style="width: 50%"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="js"&gt;JS&lt;/li&gt;
          &lt;li class="jquery"&gt;Jquery&lt;/li&gt;
          &lt;li class="java"&gt;Java&lt;/li&gt;
          &lt;li class="php"&gt;PHP&lt;/li&gt;
          &lt;li class="ps"&gt;PS&lt;/li&gt;
          &lt;li class="ai"&gt;AI&lt;/li&gt;
       &lt;/ul&gt;
  
  &lt;/section&gt;
  </code></pre>