jquery .click函数进入while循环

时间:2016-01-15 16:04:37

标签: javascript php jquery html while-loop

下午好,

所以我有这个简单的循环,基本上我想在用户点击循环创建的任何行时随时创建一个事件。

这是我非常简单的php while循环:

<?php
$x = 1; 
while($x <= 5) {
    ?>
    <div id="number"><?php echo "$x <br>";?></div><?php
    $x++;
}
?>

这是我的jquery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#number").click(function(){
        alert("click");
    });
});
</script>

不幸的是,当我点击第一个号码时,警报才会激活。 我有什么问题吗?

编辑:我觉得非常愚蠢,我应该使用课程,谢谢Tushar

2 个答案:

答案 0 :(得分:0)

<div id="popup">
  <div id="button"></div>
  <div id="gray"></div>
</div>

<div id="trip"></div>

答案 1 :(得分:0)

jQuery选择器将只找到第一行,因为它们都获得相同的id。使用类选择器和您可以使用的id方案。例如:

<?php
for ( $x =0 ; $x < 5 ; $x++ ) {
    ?>
    <div id="number<?php echo $x ?>" class="myclass"><?php echo "$x <br>" ; ?></div><?
}
?>

现在你可以这样选择:

$("div[id^=number]").click (function () { alert ("click") ; }) ;

$("div.myclass").click (function () { alert ("click") ; }) ;

最后一个应该更快。