javascript - Jquery Click Function-获取被点击标签的值

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>

---

这是我的示例页面和脚本之一，但它不能正常工作，我在点击时得到第一个跨度的值，而不是其余的，现在问题是，我想获得点击跨度的值，没有知道它的 id 或类。请帮忙。

Answer 1

只需使用 jquery 选择器选择跨度，如下所示：

$('span').click(...

这是您的示例：

<script type="text/javascript">
$(document).ready(function(){
    $("span").click(function(){
    var alrt =  $(this).text();
    alert(alrt);
    })  ;
});//ready function end here
</script>

Answer 2

id必须是唯一的。你应该使用class.

<span class="text">
<?php echo $row['0']; ?>
</span>
<br />
<br />
<span class="text">
<?php echo $row['1']; ?>
</span>

对于 javascript，使用$(".text").click而不是#text指向该类的元素。

Answer 3

在您的 HTML 中替换id = "text"为class="text". 然后你的 jquery 看起来像这样：

$(document).ready(function(){
    $(".text").click(function(){
        alert($(this).text());
    });
});

不要对 HTML 页面中的 1 个以上元素使用相同的 ID。