hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 学习交流 › jQuery › 使用JavaScript或者jquery删除表单中所有的div元素
查看: 1229|回复: 1
打印 上一主题 下一主题

使用JavaScript或者jquery删除表单中所有的div元素

[复制链接]

2228

主题

0

帖子

0

博客

admin

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

跳转到指定楼层
楼主
发表于2015-07-23 16:53:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

0

主题

1576

帖子

0

博客

liufangyuan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2016-10-21 09:53:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<html>
    <head>
        <title>
                 使用JavaScript或者jquery删除表单中所有的div元素
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="./jquery-1.11.3.min.js"></script>
        <script type="text/javascript">
            //Jquery
            // $(function()
            //     {
            //         $('#btn').click(function()
            //             {
                        
            //                 console.log("00");
            //                 var arr=$('div');
            //                 //alert(arr.length);
                            
            //                 $.each(arr,function(index,obj)
            //                     {
            //                         //alert(index);
            //                         //alert(obj);
            //                         $(obj).hide();
            //                     });

                            
            //             });
                    
            //     });
            $("btn").click(function () {
                //$("div").each(function (index,obj)
                //{
                      // domEle == this
                      $('div').remove();  
                     
                //});
            });
            
        </script>
    </head>
    <body>

                <table>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>户籍所在地</th>
                        </tr>
                        <div name=div1>
                            <tr>
                                <td>刘方园</td>
                                <td>女</td>
                                <td>23</td>
                                <td>邯郸</td>
                            </tr>
                        </div>
                        <div name=div1>
                            <tr>
                                <td>苏爱阳</td>
                                <td>男</td>
                                <td>23</td>
                                <td>邢台</td>
                            </tr>
                        </div>
                </table>
                <input type="button" value="删除数据" id="btn"/>

        
    </body>

</html>


//待改进

0

主题

1932

帖子

0

博客

740317431

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-15 16:32:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
$('div').remove();

0

主题

1902

帖子

0

博客

王之神判

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-16 11:35:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
	<script>
		$(document).ready(function(){
			$("#btnOK3").click(function(){
				$("form div").remove();
			});
		});
	</script>
	<body>
		<form>
			<div>
				<input id="btnOK1" type="button" />
				<div>
					<input id="btnOK2" type="button" />
				</div>
			</div>
		</form>
		<div>
			<input id="btnOK3" type="button" value="删除form表单中的div元素"/>
		</div>
	</body>

0

主题

1694

帖子

0

博客

wulinan

Rank: 9 Rank: 9 Rank: 9

积分

IP 编辑 禁止 帖子 清理

沙发
发表于2017-09-22 08:17:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'text.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script type="text/javascript" src="<%=path %>/static/js/jquery-1.11.3.min.js"></script>
   <script type="text/javascript">
      $(document).ready(function()
      {
      	$("#btn").on("click",function()
      	{
     
      	  $("form div").remove();
      	 
      	 //js
      	  //arr=document.getElementsByTagName("div");
      	  //for(i=arr.length-1;i>=0;i--){
      	  //js:得到父元素,通过父元素将子元素删除
      	  //if(arr[i].parentNode.tagName=="Form"){
      	  
      	     // arr[i].parentNode.removeChild(arr[i]);
      	  //}
      	  //}
      	
      	});
      
      });
   </script>
  </head>
  
  <body>
   <form>
   		<div>div1</div>
   		<div>div2</div>
   		<div>div3</div>
   		<div>div4</div>
   
   </form>
   <div>div5</div>
   <input type="button" id="btn" value="删除" >
  </body>
</html>