问无法使用jQuery隐藏跨区

EN

<span id='".$objResultFile["file_id"]."'>"

<script>
                        $(document).ready(function () {
                            $(".class").click(function () {
                                const get_ele_id = $(this).attr("id");
                                const get_file_name = $(this).data("fname");
                                $("input#" + get_ele_id).show().val(get_file_name);
                                $("span#" + get_ele_id).hide();
                             })
                            })
                  </script>
                  <?php
                            $strQueryFile = queryDB("*","tb_file", "user_id", $_SESSION['user_id']);
                            $objQueryFile = mysqli_query(connect_db(),$strQueryFile);
                            while ($objResultFile = mysqli_fetch_array($objQueryFile,MYSQLI_ASSOC)) {
                                echo "<tr>";
                                echo "<td><input style='display: none' id='".$objResultFile["file_id"]."' type='text'><span id='".$objResultFile["file_id"]."'>".$objResultFile["file_name"]."</span></td>";
                                echo "<td>".$objResultFile["uploaded_on"]."</td>";
                                echo "<td><a href='delete_file.php?file_id=".$objResultFile["file_id"]."&file_name=".$objResultFile["file_name"]."' onClick=\"return confirm('ท่านต้องการลบไฟล์ ".$objResultFile["file_name"]."')\"><span data-feather='trash-2'></span></a></td>";
                                echo "<td><a href='#'  id='".$objResultFile["file_id"]."' class='class' data-fname='".$objResultFile["file_name"]."' data-fid='".$objResultFile["file_id"]."'><span id='1' data-feather='trash-2'></span></a></td>";
                                echo "</tr>";
                            }
                            mysqli_close(connect_db());
                  ?>