从作为ajax响应加载到div中的页面中删除html元素

时间:2015-07-02 06:30:07

标签: javascript jquery html ajax jsp

我想在我的index.jsp页面作为响应加载到regdata.jsp页面上点击登录按钮时删除一个链接(我想把它作为按钮,请帮助也是这个)和id = regbutton

regdata.jsp

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("#mainDiv").load("index.jsp");
        $('#regButton').remove();
    });
});
</script>
</head>
<body>
<div id="mainDiv" class="units-row">
<h2>Thanks For registering!</h2>
<button id="regLogin">Login Now</button>
</div>

的index.jsp

<body>
       <center>
         <s:actionerror />
         <h1 id="login_title"></h1>
         <form action="checkLogin.action" method="post">
            <p>
               <input type="text" id="username" name="username" 
                  placeholder="" >
            </p>
            <p>
               <input type="password" name="password" 
                  placeholder="" id="password">
            </p>
            <label> <input type="checkbox" name="remember_me" id="remember"><label for="remember" id="rememberlbl"></label></label>
            </p>
            <input type="submit" class="btn-log" method="execute"
               key="label_login"> &nbsp;&nbsp;
         </form>
         <a href="registerLogin.action" id="regButton">Register</a>         
      </center>
   </body>

2 个答案:

答案 0 :(得分:1)

jQuery的load函数接受第二个或第三个参数 - 一个在加载完成时执行的回调函数。因此,如果您希望按钮仅在加载完成时消失,则应将代码移动到该处理程序中:

$(document).width()

答案 1 :(得分:0)

我可以看到一个简单的解决方案

#regButton
{
 display:none;
}

如果这还不够,我也在研究jquery解决方案