2列目以降にconfirmが効かない

実現したいこと

DBのテーブルをforeach文で表示させており、
該当のレコード部分を削除する際に削除アラートを表示する設計をしています。
1行目は問題なく、削除ボタンを押すと、アラートが表示され、更にOKを押すことで該当部分が削除されます。
ですが、2行目以降がアラートの表示も一切ないまま作動していません。
原因が不明です。なにか分かりましたら教えていただけますでしょうか。

index
1        <tbody>
2        <?php foreach($M_COMPANY as $data):?>
3        <tr>
4            <td><?php echo $data['tel']; ?></td>
5            <td><?php echo $data['fax']; ?></td>
6            <td><?php echo $data['email']; ?></td>
7            
8            <td>
9                <button type="button" class="edit-btn" onclick="location.href='edit.php?id=<?php echo $data['company_ID']; ?>'">編集</button>
10
11                <button type="button" class="delete-btn" id= "delete">削除</button>
12            </td>
13        </tr>
14        <?php endforeach; ?>
15        </tbody>
16

index
1    <script>
2    $('#delete').click(function(){
3        if(!confirm('本当に削除しますか？')){
4            /*　キャンセルの時の処理 */
5            return false;
6        }else{
7            /*　OKの時の処理 */
8
9        }
10    });
11    </script>
12

行動規範の内容に同意します

回答2件

ベストアンサー

id属性は重複できません。
class属性に同値振ってセレクタを取得してください。
あと、個別に削除するのでしたら主キーとなる情報を渡すようにしてください。
例えばdata属性とか。

投稿2021/06/28 06:13

m.ts10806

総合スコア80875

mmm022

2021/06/28 06:30

回答ありがとうございます。ループ内でidでの処理は期待する動作ができないので、classを使ってscriptを起動しなければならないという理解であっていますでしょうか？？ご指摘通り個別で削除を行うつもりですので、$data['company_ID']を保持させます。独学で取り組んでいるのでまだ理解が足りておらず、申し訳ございませんが、もし可能であれば具体的な変更点の記述方法を教えていただけますでしょうか。