删除表格JQuery 效果

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格的删除和添加</title>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
</head>
<body>
   <table border="1px" width="500px" id="ss">
        <tr>
             <th>姓名</th>
             <th>大小</th>
             <th>性别</th>
             <th>操作</th>
        </tr>
        <tr>
              <td>小强</td>
              <td>B</td>
              <td>男</td>
              <td><button onclick="fun(this)">删除</button></td>
        </tr>
        <tr>
            <td>大熊</td>
            <td>F</td>
            <td>男</td>
            <td><button onclick="fun(this)">删除</button></td>
        <hr>
            
        </tr>
   </table>    
</body>
<script type="text/javascript">
    // 删除
    function fun(ob){
        $(ob).parents("tr").remove();
    }
</script>
</html>

时间： 2024-11-06 07:47:01

删除表格JQuery 效果的相关文章

jQuery删除表格指定行代码实例

jQuery删除表格指定行代码实例:本章节介绍一下如何删除表格中指定的行,代码非常的简单,直接上代码: $("table tr").eq(2).remove(); 相关阅读:1.eq()函数可以参阅jQuery的eq()方法一章节.2remove()函数可以参阅jQuery的remove()方法一章节. 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13213 更多内容可以参阅:http://www.soft

利用jquery动态添加和删除表格的一行，并且保存单行数据

开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据. HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据 <form action="" id="" method="post"> ... <table id="addTable" > <tr class="first_tr"> <th&

WPS中删除表格的左右边框

选定你已经做好的表格,选定最左边一列,点表格->表格属性->边框和底纹,选边框,在右边的预览里点一下左边的线即可,右边同理操作. 效果如下: 步骤如下: 1)用鼠标选中左边的一列,右击"边框和底纹"-->在"边框"选项卡里,点击-->确定: 图2 删除左边框 2)同理,用鼠标选中右边的一列,右击"边框和底纹"-->在"边框"选项卡里,点击-->确定:   WPS中删除表格的左右边框,布布扣,

删除表格当前行

删除表格当前行,表格每一行有单独的删除,点击弹出按钮窗口.解决问题要点是用委托写法保存点击事件. 部分代码 //删除当前行 document.addEventListener('click',function(evt){ if(!evt.target.matches("input.bt_in_td3[type='button']")) {return} var tr=evt.target.parentNode.parentNode.parentNode; var deltwindow=

thinkphp 删除表格最后一行

问题描述: 接上篇动态添加表格,既然有添加,必然有删除.动态添加表格显得有点不合理,应该只添加表格行,而不是添加新的表格. 这里贴出完整代码,添加表格新行及删除表格最后一行. <html> <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">

JQuery 选择器跟JQuery效果函数

JQuery 选择器 选择器                     实例                                   选取 *                             $("*")                                 所有元素 #id                          $("#lastname")                     id="lastname"

jQuery 效果方法

jQuery 效果 方法 在jQuery中可以实现许多效果,在本教程的"jQuery 效果"部分我们已经介绍了一小部分,在本节中,我们继续来看看jQuery中还具有哪些效果方法. jQuery 效果方法 下面的表格列出了所有用于创建动画效果的 jQuery 方法. 方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 deque

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画

jQuery效果 隐藏.显示.切换.滑动.淡入淡出.以及动画 1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示 toggle()方法:可以使用它来切换hide()与show()方法 eg1:显示 <style type="text/css"> *{margin:0;padding:0;} .body{font-size:12px;font-family:"微软雅黑";color:#666;} .yym{wid