`

jquery删除除表头同级所有dom

阅读更多
/**
 * 清除表格内容(保留表头)
 */
function clearTr(){
  //清除表格节点内容(不包含表头)
  $("#roleInfo .c666").nextAll().each(function(i){
     $(this).remove();
  });
}


<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin: auto;">
    <tr>
    <td height="35" align="left" bgcolor="#EAF4EA" style="padding-left:10px; /*display: none;*/ ">
 	         	<input id="role_seach_txt" type="text" style="width:150px; height:19px;" />
 	            <input id="role_seach_btn" type="button" value="搜索" style="background:url(../img/btn_search.gif); width:57px; height:25px; border:0;"  />
             </td>
             <td width="35%" height="35" align="left" bgcolor="#EAF4EA" style="padding-left:10px;">
 	          	<input id='toolbar_btn_add' name="toolbar_btn_add"  type="button" value ="添加" class="btn_666"/> 
 		     	<input id='toolbar_btn_mod' name="toolbar_btn_mod"  type="reset" value="修改" class="btn_666"/>
 			    <input id='toolbar_btn_del' name="toolbar_btn_del"  type="button" value="删除" class="btn_666"/>
           	</td>
         </tr>
       </table>
       <br>
        <table id="roleInfo" width="95%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D7E6CC" style="margin: auto; font-size: 12px;">
         <tr class="c666">
           <th height="20" width="2%" align="left" bgcolor="#F2F9F2">序号</th>
           <th width="10%" bgcolor="#F2F9F2">角色编号</th>
           <th width="10%" bgcolor="#F2F9F2">角色名称</th>
         </tr>  </table>
分享到:
评论

相关推荐

    基于jquery的table表头固定

    在jQuery中实现表头固定的插件,可以极大地提高用户体验,尤其对于大数据量的表格,表头的固定使得用户在滚动页面时始终能看见列名,增强了可读性。 "基于jQuery的table表头固定"通常涉及到以下关键技术点: 1. **...

    一个用于生成多层复杂表头的jquery插件可以进行表头和数据的动态生成

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互,使得开发更加便捷。 该插件的核心功能在于动态生成多层表头和数据。在传统的HTML表格中,表头通常是静态的,而这个插件通过...

    jquery 冻结表头的代码。 我试过了,很好用。

    在冻结表头的场景中,jQuery主要用于操作DOM,监听滚动事件,并根据需要复制和定位表头。 `CloneTableHeader.js`是实现冻结表头功能的JavaScript代码。在这个文件中,开发者会编写逻辑来监听表格的滚动事件,当表格...

    JQUERY实现表头固定

    本示例是基于jQuery库实现的表头固定功能,它能够提供一种直观的用户体验,使得用户在浏览长表格时能轻松地识别和定位数据。 要实现表头固定,主要涉及以下几个步骤和关键知识点: 1. **HTML结构**:首先,需要...

    jQuery冻结表头、列

    总结来说,jQuery冻结表头和列是通过创建复制的表头和列,结合滚动事件处理和CSS定位来实现的。理解这一过程可以帮助开发者自定义实现或更好地使用现有的jQuery插件,提升用户体验,特别是在处理大数据表格时。

    jquery表头固定、列固定完美解决方案

    在这个解决方案中,我们使用jQuery 1.5.2.min.js,这是一个压缩版的jQuery库,体积小但功能强大,能高效地实现各种DOM操作。 `fixTable.js`是专门为解决表头和列固定问题编写的JavaScript插件。这个插件的工作原理...

    jQuery实现表头固定表格内容滚动效果

    本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先,我们需要在HTML中构建基本的表格结构。表头`&lt;thead&gt;`通常包含表的列名,而表体`&lt;tbody&gt;`则包含实际的数据行。例如: ```html ...

    用JQuery写的固定表头插件

    用JQuery写的固定表头插件,供大家一起共同分享学习。

    基于Jquery的前台按表头排序table tr th

    例如,`$('table thead th')`可以获取表格中的所有表头。 2. **绑定点击事件**:为每个表头单元格添加点击事件监听器,当用户点击时触发排序功能。可以使用`click()`函数来实现,如`$('table thead th').click...

    jquery1.4.1 固定表头以及左边的列

    标题中的“jquery1.4.1 固定表头以及左边的列”指的是在使用jQuery 1.4.1版本时,如何实现一个数据表格的表头(thead)和左侧列(通常为分类或操作列)在滚动时始终保持固定显示的技术问题。这种效果在大数据量的...

    jquery 固定表头和列

    为了解决这个问题,我们可以利用jQuery来实现表头和列的固定效果,使用户在滚动时始终能看到列标题。本教程将详细讲解如何使用jQuery、JavaScript和HTML实现这一功能。 1. **HTML结构**: 首先,我们需要创建一个...

    jquery+easyUI+ajax+dom+highchart

    DOM API允许JavaScript程序对文档进行动态操作,如查找、添加、修改或删除元素。jQuery提供了简化版的DOM操作接口,例如$(selector)用于选择元素,$.append()、$.remove()等方法用于操作元素。 **Highcharts** ...

    JQuery DoM和ajax 操作

    **jQuery DOM操作** jQuery库是JavaScript的一个强大工具,它极大地简化了对DOM(Document Object Model)的操作。DOM是HTML和XML文档的结构化表示,允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的...

    Jquery table固定表头,固定列,全浏览器兼容

    总之,创建一个具有固定表头和列的全浏览器兼容的 jQuery 表格涉及多方面的技术,包括 JavaScript 事件监听、DOM 操作、CSS 定位和兼容性处理。通过合理地组织代码和利用现有的资源,我们可以构建出高性能且用户友好...

    固定表头的jQuery插件

    该插件基于JavaScript库jQuery,它是一个轻量级、高性能的库,使得DOM操作变得更加简单。jQuery提供了丰富的API和选择器,使得开发者能够快速地实现各种动态效果和交互功能。在这个特定的插件中,jQuery被用来监听...

    JQuery固定表头 及左侧列

    JQuery固定表头 及左侧列

    jquery dom对象 详细介绍1

    jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统,使得开发者能够更加高效地选取和操作...

    jquery锁定行锁定列

    3. **调用插件**:在DOM加载完成后,通过jQuery选择器找到表格元素,然后调用插件进行初始化。 4. **设置参数**:传递参数,如需要冻结的行数或列数,以及可能的其他配置项。 5. **响应式处理**:可能需要添加额外的...

    css+jquery完美实现table表头固定显示(浮动)

    jQuery是一个强大的JavaScript库,可以简化DOM操作和事件处理。在表格滚动时,我们需要监听滚动事件(`scroll`),然后根据滚动条的位置调整表头的位置。例如,可以写一个函数,在滚动事件触发时,计算出表头应有的...

    Jquery表格添加滚动条插件,固定表头

    总的来说,"Jquery表格添加滚动条插件,固定表头"这个主题涉及到前端开发中的DOM操作、事件处理、CSS样式和JavaScript插件使用。通过使用jQuery和相应的插件,我们可以提供更优秀的用户体验,使用户在浏览大数据量的...

Global site tag (gtag.js) - Google Analytics