Wie wähle ich ein Element aus?

Question

Warum funktioniert dieser Code nicht? Und gibt es eine andere Möglichkeit, das erste Element auszuwählen?

<div> 
    <a href="#">text</a> 
    <a href="#">text</a> 
</div> 

<script type="text/javascript"> 
$(function() { 
    $('div a').each(function(){ 
      $(':first', this).css('color', 'red'); 
     //...other actions with $(this) 
    }); 
}); 
</script> 

Ich weiß, dass ich ein Element wie folgt auswählen: $('div a:first')

Answer 1

Vielleicht ist es das, was Sie

<div> 
    <a href="#">text</a> 
    <a href="#">text</a> 
</div> 

<script type="text/javascript"> 
    $(function() { 
     $('div a').each(function(i, elm){ 
      if (i == 0){ 
       $(elm).css('color', 'red'); 
      }        
      //...other actions with $(this) 
     }); 
    }); 
</script> 

Answer 2

innerhalb einer jeder Schleife $ (this) ist das Objekt für Sie suchen. Sie müssen keine weitere Auswahl treffen, es sei denn, Sie suchen nach etwas innerhalb von $ (this). Wenn Sie versuchen, den ersten zu markieren, sollten Sie dies außerhalb eines Anrufs für jeden tun, da es keinen Sinn macht, ihn n-mal aufzurufen.

Answer 3

$(function() { 
    $('div a').each(function(index){ 
      if(index === 0){ 
       $(this).css('color', 'red'); 
      } 
     //...other actions with $(this) 
    }); 
}); 

Answer 4

Diese werden funktionieren.

$('div a').first(); 
$('div a').eq(0); 
$('div a').slice(0,1); 
$('div a').filter(':first'); 

Wenn Sie nur die erste, keine Sinn Schleifen möchten.

Wenn Sie den Rest von ihnen für einen bestimmten Zweck benötigen, zwischenspeichern Sie das Ergebnis des Selektors, und ziehen Sie den einen (die), die Sie benötigen.

var $div_a = $('div a'); 

$div_a.first(); // for the first 
$div_a.slice(1,4); // for the second through fourth