jquery插件 ata ables-DataTables怎么给某一列加上click事件

问题描述

DataTables怎么给某一列加上click事件

DataTables的数据是动态生成的,
$('#example tbody').on('click','tr', function () {
var name = $('td', this).eq(3).text();
alert(name);
} );
这种是点击一行的任何一列都会弹出name值,我现在情况是,想点击每一行的第三列都会弹出一个框,点击其他列不会有反应求指教啊

解决方案

nth-child选择器,注意下标从1开始

 $('#example tbody').on('click','tr td:nth-child(3)', function (e) {
   var name = $(this).text();
    alert(name);
} );

解决方案二:

 #example tbody tr td(3)

解决方案三:

var name = $(this).find("td").eq(3).text();

时间: 2024-11-18 06:42:01

jquery插件 ata ables-DataTables怎么给某一列加上click事件的相关文章

超强1000个jquery插件!

1.导航类 (1)Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 二手图书 二手书 特价书 旧书网 (2)jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion. 二手图书 二手书 特价书 旧书网 (3)jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件.二手图书 二手书 特价书 旧书网 (4)Accordion Menu scri

超全超实用的Javascript类库和jQuery插件大全之一:Web印刷排版

日期:2012-10-9  来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现.这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率. 使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,例

jQuery插件datatables使用教程_jquery

jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序.浏览器分页.服务器分页.筛选.格式化等功能. 如何把数据库中的数据以表格的形式展示到前端,实现有很多方法,最近用jquery的datatables插件来实现了发现还是比较简单的,今天我们来看一个例子,来说明这个插件的使用,基本原理是view函数从数据库中读出数据,jquery通过ajax获取数据并在前端展示出来,我们先定义一个models.py,如下: from django.dbimport models

jQuery插件dataTables添加序号列的方法_jquery

官网方法实例: $(document).ready(function() { var t = $('#example').DataTable({ "columnDefs": [{ "searchable": false, "orderable": false, "targets": 0 }], "order": [[1, 'asc']] }); t.on('order.dt search.dt', func

分享平时整理收集的11款jQuery插件,很好很强大

☆ ☆ ☆ ☆ ☆ jQuery表单验证插件 jQuery表单验证插件是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性,使用量也是最多的一种表单验证方法.经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评. jQuery-File-Upload插件 jQuery- File-Upload插件支持多文件上传,拖拽文件上传,进度条,预览图片.视频和音频. 支持跨域上传,分块上传和可恢复的文件上传和客户端图像调整.可以在支持标准HTM

jQuery插件免费下载:推荐10款优秀jQuery插件

文章简介:文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件,以便开发者借鉴. 当今,设计领域竞争越来越激烈,唯有做出最优秀的产品才能在该领域独树一帜.而jQuery插件为设计和开发提供了强大的支撑力.本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀jQuery插件,以便开发者借鉴. 当有限的开发知识限制了设计进展,你无法为自己插上创新的翅膀时,jQuery可以扩展你的视野.本文将推荐从jQuery网站的Plugin频道中推选出的近期十款优秀j

WEBJX资源分享:2010年度最优秀的jQuery插件

文章简介:作为一个非常优秀的javascript框架,在过去的2010年jQuery插件家族有增加了非常多的优秀成员.世界各地的网站开发者买都在使用jQuery和jQuery插件来让我们的网页开发项目变得更简单. 作为一个非常优秀的javascript框架,在过去的2010年jQuery插件家族有增加了非常多的优秀成员.世界各地的网站开发者买都在使用jQuery和jQuery插件来让我们的网页开发项目变得更简单. 2010年已经过去,现在我们来与大家分享一下我们认为2010年度最优秀的jQuer

向大家请教一下哪个jquery插件更好用,求教。

问题描述 datatables和flexigrid哪个好用,最近要做一个项目,分页部分想使用jquery插件去实现,请问这2个插件哪个插件用起来更加简便? 解决方案 解决方案二:求教...有人知道吗?解决方案三:看个人爱好吧--我个人感觉datatables比较好用解决方案四:个人感觉flexigrid灰常滴好.

超全超实用的Javascript类库和jQuery插件大全之二:文字处理,表格和列表处理,实用的javascript开发工具

日期:2012-10-15  来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javascript类库或者是jQuery插件来实现.这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的,特别是如果你不希望自己去处理不同浏览器的兼容性问题的话,使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率. 使用javascript类库可能并不一定是最好的选择,很多情况1下可能你会发现类库加载并不正确,或者有性能上的问题,