jquery - 为什么 jQuery 脚本仅适用于表中的第一行

Question

HTML 代码:

<?php if($accountsAwaitingRow_cnt != 0): ?>
                                    <?php foreach($accountsawaitingarray as $datum): ?>
                        <tr data-id="<?php echo $datum['ID']; ?>" id="rowID" href="#">
                          <td id="userID"><?php echo $datum['ID']; ?></td>
                          <td><?php echo htmlspecialchars($datum['Account']); ?></td>
                          <td><?php echo $datum['SubmitDate']; ?></td>
                          <td><span class="label label-warning">Pending</span></td>
                          <td><?php echo htmlspecialchars($datum['Email']); ?></td>
                        </tr>
                                    <?php endforeach; ?>
                            <?php else: ?>
                                <span style="color:red">*</span>There are no accounts awaiting approval, check back later.
                            <?php endif; ?>

脚本:

    $("#rowID").click(function(){
    var User = $("#userID");
    var Box = $("#userBox");

    Box.show();
 $("#userBox").animate({
     maxHeight: '+=1000px'
 }, 1000);

 $("html, body").animate({
     scrollTop: $(document).height()
 }, 1000);

    $("#thisHR").show();
 $("#thisHR").animate({
    maxWidth: '+=1000px'
 }, 1000);

}
);

我想要完成的是，当管理员单击表中的一行时，会出现一个框，并用用户信息展开，它仅适用于第一行，我不明白为什么.

Answer 1

$("#rowID").click();在 ID 为“rowID”的元素上设置监听器。 ID 应该是唯一的，因此它仅将监听器应用于具有该 ID 的第一个元素。如果你想在所有元素上设置监听器，你应该使用类。例如类=“可点击行”