javascript - Jqueryクリック関数 - クリックされたタグの値を取得

Question

<?php
include 'dbc.php';
?>
<?php
$query  =   mysql_query("SELECT * FROM `editor`");
 $row=mysql_fetch_row($query);
?>

<script type="text/javascript" src="assets/js/jquery-1.10.0.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<link type="text/css"  rel="stylesheet" href="assets/css/bootstrap.css" />

<script type="text/javascript">
    $(document).ready(function(){
        $("#text").click(function(){
        var alrt =  $(this).text();
        alert(alrt);
        })  ;
    
    
    });//ready function end here
</script>
<span id="text">
<?php echo $row['0']; ?>
</span>
<br />
<br />
<span id="text">
<?php echo $row['1']; ?>
</span>
<br />
<br />
<span id="text">
<?php echo $row['2']; ?>
</span>

---

これは私のサンプル ページとスクリプトの 1 つですが、正しく機能していません。クリックしたときに最初のスパンの値を取得していますが、残りは取得していません。問題は、クリックされたスパンの値を取得したいということです。そのIDまたはクラスを知っています。助けてください。