Question

在一个jsp文件中，我创建了两个按钮，每个按钮都有自己的唯一ID，点击按钮被删除或隐藏，这些删除的按钮id显示在底部。现在我的要求是在删除它们时将按钮ID添加到ArrayList。

我尝试使用

window.location.replace("array.jsp?arr="+arr);

问题在于页面正在刷新，删除的按钮会重新显示。

我如何实现这一点。

以下是我尝试过的代码

<%@page import="java.util.*"%>
<html>
<head>
<link rel="stylesheet" href="css/main.css" type="text/css" />

<%
    ArrayList del= new ArrayList();
    String ele=null;
%>

<script type="text/javascript">
    var arr=new Array();

    function hButton(id)
    {

        document.getElementById(id).setAttribute("style","background:white");   
        arr.push(id);    
        document.getElementById("id-show").textContent=arr+"</br>";         
    }

    function showId(id)
    {
        document.getElementById(id).setAttribute("title",id);
    }

 </script>
 </head>

 <body>
    <div id="big_wrapper">      
    <table>
            <tr>    
            <td>    <button class="btn"  style="background:red" id="1,1" onmouseOver='showId(this.id)' onclick='hButton(this.id)';> </button>   </td>               
            </tr>

            <tr>    

            <td>    <button class="btn"  style="background:red" id="2,1" onmouseOver='showId(this.id)' onclick='hButton(this.id)';> </button>   </td>               
            </tr>   

    </table>
    </div>


 <div id="id-show"> </div> </body> </html>

Answer 1

要获取任何元素的id，您可以像这样使用jQuery：

$('button').click(function() {
   var id = $(this).attr('id'); 
});

Answer 2

要将ID存储在数组中，请使用push函数。

var arr = new Array();

$('button').click(function() {
   arr.push($(this).attr('id'));
});

将Button id存储到变量onclick中

2 个答案: