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或类.. 请帮忙.. 提前致谢... -Manjunath Hegde

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。

Jquery单击函数 - 获取单击标记的值

3 个答案: