关于表格通过 Class点击事件获取行数据不正确的分析

最新推荐文章于 2021-02-13 17:11:05 发布
最新推荐文章于 2021-02-13 17:11:05 发布
阅读量392 收藏
点赞数 1
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Emperor003/article/details/53886201
版权

在获取表格数据时，尽量采用唯一标识的Id来获取；

如果使用Class来获取行数据，则需使用$(this).attr(" ")来获取属性值

Emperor003
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
table 中 点击某行，获取这一行的数据弹框显示，或进行其他的操作
博客
12-06 3万+
1.集合在页面循环显示，点击某一行时，获取当前行的参数，弹框显示，或者进行其他操作 2.方法一 ：下面这种适合点击某个按钮触发事件，获取某一行 关键数据，进行其他的操作 前端数据 ，其中 id="${x.index+1}" 是用来区别每一行 <table id="datatable-responsive" class="table table-striped tabl
JSP点击表格选中一行，然后点击按钮获取该行数据
zhangyongjie0533的博客
08-17 5065
1.JSP表格代码 <table id="contentTable" class="table table-bordered table-condensed"> <thead><tr class="info"><th style="width:30px;">序号</th><th>员工编号</th><th>员工名称</th><th>性别</th><th>部门名称&
table 选中多行tr 并根据Class 获取选中的数据
HILL_9的博客
06-10 1252
table 选中多行tr 并给tr addClass，并循环此时渲染的table数据，判断选中的行 并且含有 此class （. tr_active）的数据，并把含有此类的数据push 到一个新的数组里面。。。。。。 var ids=[]; var tablelist = $("#sourceTale tr"); for (var i = 0; i < Table1Arry.length; i++) { if ($(tablelist[i]).hasClas
怎样读取某一行 java_Java 读取文本指定的某一行内容的方法
weixin_39855658的博客
02-13 661
Java读取文本指定的某一行内容，使用的都是IO的方法，下面具体看例子：/*** @author：罗大锤* @date: 2017年9月6日 下午2:35:43* @version 1.0* @method:读取文本具体某行内容* @parameter* @since* @return*/public class OpenTextLine {public static void main(Stri...
如何通过classname获取DOM节点列表
weixin_41218855的博客
05-10 3230
function byClassName(className) { //高级浏览器 if(document.getElementsByClassName){ return document.getElementsByClassName(className); ...
jsp给循环列表的行通过class绑定事件
weixin_30832143的博客
03-16 192
<td> <select class="displayRank" rankid="${rank.id }" ranktype="${type }"> <option value="1" <c:if test="${rank.displayRank == 1}">selected</c:if>>1</o...
layui数据表格实现重载数据表格功能(搜索功能）
10-16
总结来说，layui数据表格的重载功能结合搜索，主要是通过监听用户的搜索操作，获取搜索条件，然后调用`table.reload`方法，将新条件传入服务器，服务器根据这些条件筛选数据并返回，layui框架再根据返回数据更新表格...
vue 列表页跳转详情页获取id以及详情页通过id获取数据
10-17
### 详情页通过ID获取数据 获取到详情页的ID后，下一步就是在页面加载时根据ID获取需要展示的数据。常见的做法是： 1. **发送请求**：使用HTTP客户端（如axios）发起请求到服务器端API，获取具体的数据。在Vue的...
layui表格设计以及数据初始化详解
10-16
在这个例子中，`url`属性指定了获取数据的API路径，`cols`数组定义了列的配置，包括字段名（field）、标题（title）和其他选项，如自定义模板（templet）。 在后台（如ASP.NET MVC），我们需要实现上述API接口，...
jQuery实现表格行上下移动和置顶效果
10-24
本文主要介绍了使用jQuery实现表格行上下移动和置顶效果的方法，通过在前端页面上通过点击不同的链接实现行数据的动态排序，包含了核心代码和对代码的详细解释。 知识点一：引入jQuery库 在开始编写JavaScript代码...
基于jQuery获取table数据发送到后端
10-15
在添加功能的基础上，我们需要实现“保存”按钮的功能，即当用户点击“保存”按钮时，获取表格中的所有数据，并以JSON格式发送到后端。这通常通过AJAX的POST请求实现，使用jQuery库简化这个过程： ```javascript $...
从零开始学_JavaScript_系列（十）——dojo(3)（GRID表格创建、样式、列宽可变、排序、过滤器）...
weixin_33841503的博客
04-16 284
如果没有接触过dojo，建议阅读： http://blog.csdn.net/qq20004604/article/details/51028702 里面介绍了如何加载dojo。（当然，本篇也考虑了未使用过dojo的人，可以只阅读该链接关于dojo下载的部分，以获得dojo） 关于dojo的下载，请查看： https://dojotoolkit.o...
js表格中通过某行按钮获取本行其他数据
谁的博客
07-18 4301
描述 $('.demo').on('click', function(){ var tem = $(this).parents("tr").find(".classId").val(); }); 解释 .demo：表格中某一行的按钮的class .classId：点击的按钮所在行的某个class $(this)：获取所点击的按钮 $(this).parents("tr")：获...
vue.js+element-ui,页面中使用row-class-name属性达到表格中状态、颜色的区分
热门推荐
小郝哥的博客
12-03 2万+
可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。
jquery分页插件datatables各参数详细说明及简单应用
weixin_34146986的博客
08-10 1027
简介：Datatables是一款强大的jquery分页插件，不但具备分页功能，还可进行数据搜索过滤、排序等功能。当前最新版本：v1.9.0下载地址： http://www.datatables.net/download/ http://115.com/file/dp5u9szo 寒风提醒：下载后，将media文件夹里面的css，images，js文件夹拷贝到你的网站即可。接下来引...
关于通过jquery获取forEach出的某条数据，永远只能是第一条的问题。
qq_39706071的博客
11-22 6276
问题：在点击查看的时候，点击第二条获取的是第一条数据，点击第三条获取的也是第一条数据。而我需要点哪条，获取哪一条的效果。 代码截图：事实上在这里这个问题产生的原因是：只在点击（注意“只在”）第一条数据的时候，才触发了这个事件，在第二条第三条第四条等等（无论多少条）数据的时候，都没有触发这个view事件 产生的原因：这个事件触发是由id触发的，在C:foreach标签中遍历之后的id=view“”在...
pyqt的dataChanged触发后如何获取一行的数据
最新发布
06-13
在 PyQt 的 `QAbstractItemModel` 类中，可以通过 `index()` 方法获取到某个单元格的索引，在 `data()` 方法中可以根据这个索引获取到该单元格的数据。因此，可以通过遍历某一行的所有列，获取该行的数据。 在 `QAbstractItemModel` 的子类中，可以重写 `setData()` 方法来捕获数据变更信号 `dataChanged`，并在该方法中实现获取一行数据的逻辑。具体的实现方式如下： ```python class TableModel(QAbstractTableModel): def setData(self, index, value, role): if role == Qt.EditRole: # 获取用户编辑后的数据 row = index.row() column = index.column() data = self._data[row][column] # 进行相关的数据处理 ... # 发送数据变更信号 self.dataChanged.emit(index, index) # 获取该行的数据 row_data = [] for col in range(self.columnCount()): index = self.index(row, col) data = self.data(index, Qt.DisplayRole) row_data.append(data) print(row_data) return True return False ``` 在上述代码中，我们首先获取到用户编辑后的数据，然后获取该行的数据，最后打印出该行数据。需要注意的是，在 `setData()` 方法中，我们需要先调用父类的 `setData()` 方法，否则数据变更信号 `dataChanged` 不会被正确地发射。 同时，也可以通过 `index()` 方法获取某一行的所有索引，然后在 `data()` 方法中遍历这些索引，获取该行的数据。具体实现方式如下： ```python class TableModel(QAbstractTableModel): def setData(self, index, value, role): if role == Qt.EditRole: # 获取用户编辑后的数据 row = index.row() column = index.column() data = self._data[row][column] # 进行相关的数据处理 ... # 发送数据变更信号 self.dataChanged.emit(index, index) # 获取该行的数据 indexes = [self.index(row, col) for col in range(self.columnCount())] row_data = [self.data(idx, Qt.DisplayRole) for idx in indexes] print(row_data) return True return False ``` 以上就是在 PyQt 中获取一行数据的实现方式。需要注意的是，如果表格中包含大量数据，这种遍历的方式可能会影响性能，因此可以考虑使用其他更高效的实现方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值