当前位置:Gxlcms > html代码 > 删除div

删除div

时间:2021-07-01 10:21:17 帮助过:21人阅读

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js">script>
  <script type="text/javascript">
          $(function () {
              $(".shanchu").click(function () {
                 $(this).parent().remove();
        })
            })       
  script>
head>
 <body>
<table border="1">
    <tr>
        <td>开始时间td>
        <td><input type="text" value="1">td>
        <td>结束时间td>
        <td><input type="text">td>
        <td class="shanchu">删除td>
    tr>
    <tr>
        <td>开始时间td>
        <td><input type="text" value="2">td>
        <td>结束时间td>
        <td><input type="text">td>
        <td class="shanchu">删除td>
        tr>
    <tr>
        <td>开始时间td>
        <td><input type="text" value="3">td>
        <td>结束时间td>
        <td><input type="text">td>
        <td class="shanchu">删除td>
    tr>
    <tr>
        <td>开始时间td>
        <td><input type="text" value="4">td>
        <td>结束时间td>
        <td><input type="text">td>
        <td class="shanchu">删除td>
    tr>
    <tr>
        <td>开始时间td>
        <td><input type="text" value="5">td>
        <td>结束时间td>
        <td><input type="text">td>
        <td class="shanchu">删除td>
    tr>
table>
body>
html>

人气教程排行