该脚本循环遍历数字 1-20。我发现标签重复了 20 次。
<?php for ($i = 1; $i <= 20; $i++) { ?>
<button id="btn-<?php echo $i;?>">Button<?php echo $i;?></button>
<script type="text/javascript">
$('#btn-<?php echo $i;?>').clck(function() {
alert("you clicked button <?php echo $i;?>");
});
<?php } ?>
我想做$('#btn-<?php echo $i;?>').clck(function() {....
一旦超出循环
最佳答案
您在此处编写的代码是反模式。对循环中的所有元素使用公共(public)类,并将单个事件处理程序附加到该类。例如:
<?php for ($i = 1; $i <= 20; $i++) { ?>
<button class="foo" data-id="btn-<?php echo $i;?>">Button<?php echo $i;?></button>
<?php } ?>
// in an external .js file far, far away
$('.foo').click(function() {
console.log("You clicked button " + $(this).data('id'));
});
<小时/>
这是一个可运行的代码片段。注意 PHP 只需生成下面的 HTML。然后 JavaScript 会将 click
事件处理程序附加到每个按钮。
$('.foo').click(function() {
console.log("You clicked button " + $(this).data('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="foo" data-id="1">Button 1</button>
<button class="foo" data-id="2">Button 2</button>
<button class="foo" data-id="3">Button 3</button>
<button class="foo" data-id="4">Button 4</button>
关于javascript - 循环中的简单 JavaScript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40386351/