title: Select just first a href in element jquery
body: <p>I have tried to find similar question, but generally all have been diferrent
  This is what i need</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="items"&gt;
     &lt;div class="box"&gt;
          &lt;label class="input"&gt;
              &lt;span class="icon"&gt;&lt;/span&gt;
              &lt;input type="text" class="input" required /&gt;
              &lt;a class="btn-no-borders"&gt;
                  &lt;i class="delete"&gt;&lt;/i&gt;
              &lt;/a&gt;
          &lt;/label&gt;
  
          &lt;label class="input"&gt;
              &lt;span class="icon"&gt;&lt;/span&gt;
              &lt;input type="text" class="input" required /&gt;
              &lt;a class="btn-no-borders"&gt;
                  &lt;i class="delete"&gt;&lt;/i&gt;
              &lt;/a&gt;
          &lt;/label&gt;
  
          &lt;label class="input"&gt;
              &lt;span class="icon"&gt;&lt;/span&gt;
              &lt;input type="text" class="input" required /&gt;
              &lt;a class="btn-no-borders"&gt;
                  &lt;i class="delete"&gt;&lt;/i&gt;
              &lt;/a&gt;
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What i need is that i only select first A,and not all others
  here is my code so far</p>
  
  <pre><code>$('.items').find('a').attr('data-first', '1').addClass('hidden');
  </code></pre>