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

$（＆＃34;＃ROWID＆＃34）。单击（）;在ID为＆＃34; rowID＆＃34;的元素上设置监听器。 ID应该是唯一的，因此它仅将侦听器应用于具有该ID的第一个元素。如果要在所有元素上设置侦听器，则应使用类。例如类=＆＃34;可点击的排＆＃34;

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

1 个答案: