title: Get jQuery attributes for each, not just the first
body: <p>I need to get the <em>datahours</em>, etc. for the specific clicked link within a long list. What am I missing?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="#" class="item" title="Gallery" datakey="1" datatitle="A+D Gallery" dataaddress="123 Main St" datahours="10:00, 10:30, 11:00, 11:30, 1:00"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" class="item" title="Radio" datakey="2" datatitle="Radio" dataaddy="321 Center Dr" datahours="11:00, 11:30, 12:00, 12:30, 1:00, 1:30, 2:00, 2:30"&gt;Radio&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>    $(function() {
      var datakey = $(".item").attr("datakey");   
      var datatitle = $(".item").attr("datatitle");
      var dataaddress = $(".item").attr("dataaddress");
      var datahours = $(".item").attr("datahours");
  
      $(this).click(function(){
  
          // CONSOLE
          console.log(datakey);
  
      });
  
  }) // DOM Ready
  </code></pre>