我試圖在用戶單擊表格中的圖像圖標時顯示一個 div 部分，但我在此處遇到了 javascript 代碼問題，如果我單擊第二行的圖標，我可以在第一行中獲取 div 部分，但不能在其他行中獲取我仍然可以在第一行中獲得 div 部分，它會告訴我如何在用戶單擊圖像圖標時單獨顯示 div 部分對不起，解釋太長，請給我解決它的提示提前謝謝... html部分：<table  class="table" id="tab_logic">            <tr>                <th>SNO</th>                <th>Task</th>                <th>Comments</th>                <th>Edit</th>            </tr>            <% for(var i=0; i < status_info.length; i++) { %>                <tr>                <td><%= i+1 %></td>                 <td><%= status_info[i].Task_Name %></td>                <td id="new_edit"><%- status_info[i].Cmnt_Details %>                    <div id="panel">//here i am hideing this div when user click on the image this will be display in specific cell                        <form action="/StatusData" method="POST">                            <p id="demo"></p>                <textarea placeholder="write something..." id="aa" name="aa"></textarea></form>                </div>                  </td>                <td><input type="image" src="/Images/edit.png" alt="button" style="width: 20px" onclick="myFunction()"></td>                </tr>            <% } %>        </table>js部分：        <style>                #panel {                display: none;                }                </style>        <script>    function myFunction() {        document.getElementById("panel").style.display = "block";        console.log("hi")    }    <script>