Php 范围（'；A'；，'；Z'；）jQuery问题

我有一个PHP函数，它用字母表中的每个字母创建一个

<?php foreach(range('A','Z') as $letter) : ?>
<li><input type="button" id="alpha-button" value="<?php echo $letter; ?>"></li>
<?php endforeach; ?>

---

您使用的是一个id选择器，并且id在DOM中必须是唯一的

您应该将其更改为使用

类

而不是

id

，如下所示：

<?php foreach(range('A','Z') as $letter) : ?>
<li><input type="button" class="alpha-button" value="<?php echo $letter; ?>"></li>
<?php endforeach; ?>

---

因为您对每个

都有相同的id

你可以把它改成

<?php foreach(range('A','Z') as $letter) : ?>
<li><input type="button" class="alpha-button" value="<?php echo $letter; ?>"></li>
<?php endforeach; ?>

$(function(){
    $(".alpha-button").click(function(){
        alert($(this).val());
    });
})

<?php foreach(range('A','Z') as $letter) : ?>
<li><input type="button" class="alpha-button" value="<?php echo $letter; ?>"></li>
<?php endforeach; ?>

$(function(){
    $(".alpha-button").click(function(){
        alert($(this).val());
    });
})