title: Processing groups of HTML elements using jQuery/Javascript?
body: <p>I have an HTML 5 page with several articles.  Each article has a custom attribute titled "MyAttribute":</p>
  
  <pre><code>&lt;html&gt;
      &lt;article MyAttribute="x"&gt;
      &lt;article MyAttribute="y"&gt;
      &lt;article MyAttribute="z"&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I would like to create a function that does something like the following pseudo-code:</p>
  
  <pre><code>for each article {
      get MyAttribute from the article
      if MyAttribute == x {do this}
      if MyAttribute == y {do that}
      if MyAttribute == z {do something else}
  }
  </code></pre>
  
  <p>What is the most efficient way to do this using jQuery/JavaScript?</p>