如何获取单个表行日期索引属性索引,以便我可以提取其单元格的值?

2023-12-04

我正在使用 Bootstrap Table 集成来创建一个表,其中包含来自我的 ajax get 请求的数据。 表插件动态生成一个<tbody> with <tr> and <td>根据您的数据。我需要能够找到个人<tr>与他们各自的<td>在另一个 ajax 调用中使用的值。

<table id="table>
<tbody>
   <tr data-index="0">
      <td>ACB</td>
      <td>1540</td>
      <td>0784</td>
      <td>E</td>
   </tr>
   <tr data-index="1">
      <td>ACB</td>
      <td>1559</td>
      <td>0784</td>
      <td>E</td>
   </tr>
   <tr data-index="2">
      <td>ACB</td>
      <td>2095</td>
      <td>0784</td>
      <td>A</td>
   </tr>
   <tr data-index="3">
      <td>ADH</td>
      <td>0001</td>
      <td>0347</td>
      <td>S</td>
   </tr>
   <tr data-index="4">
      <td>ADH</td>
      <td>1075</td>
      <td>0347</td>
      <td>E</td>
   </tr>
   <tr data-index="5">
      <td>ADH</td>
      <td>0001</td>
      <td>0347</td>
      <td>A</td>
   </tr>
   <tr data-index="6">
      <td>ADH</td>
      <td>1076</td>
      <td>0347</td>
      <td>E</td>
   </tr>
   <tr data-index="7">
      <td>AHG</td>
      <td>2136</td>
      <td>0657</td>
      <td>W</td>
   </tr>
   <tr data-index="8">
      <td>AHG</td>
      <td>1037</td>
      <td>0657</td>
      <td>E</td>
   </tr>
   <tr data-index="9">
      <td>AHG</td>
      <td>I013</td>
      <td>0657</td>
      <td>W</td>
   </tr>
</tbody>
</table>

我目前有这个点击事件。

let data = []

$("#table").on("click", function (id) {
    
        const $ths = $(this).find("tr")
        $.each($ths, function () {
            data.push($(this).text().trim())
        })
        console.log(data)
    })

现在这将得到所有<td>价值观,像这样。

[
    "ACB",
    "1540",
    "0784",
    "E",
    "ACB",
    "1559",
    "0784",
    "E",
    "ACB",
    "2095",
    "0784",
    "A",
    "ADH",
    "1075",
    "0347",
    "E",
    "ADH",
    "0001",
    "0347",
    "S",
    "ADH",
    "0001",
    "0347",
    "A",
    "ADH",
    "1076",
    "0347",
    "E",
    "AHG",
    "2135",
    "0657",
    "W",
    "AHG",
    "1037",
    "0657",
    "E",
    "AHG",
    "2101",
    "0657",
    "A"
]

我只需要能够得到一个<tr>值并将它们分别推入数据数组,如下例所示。如何从 data-index 属性中获取索引<tr>获取单个数据并将其推入数据数组?任何意见是极大的赞赏!

[
    "ACB",
    "1540",
    "0784",
    "E"
]
[
    "ACB",
    "1559",
    "0784",
    "E"
]
[
    "ACB",
    "2095",
    "0784",
    "A"
]
[
    "ADH",
    "1075",
    "0347",
    "E"
]
[
    "ADH",
    "0001",
    "0347",
    "S"
]

您可以循环内部td每个的元素tr:

let data = []

const $ths = $("#table").find("tr");
$.each($ths, function () {
    const innerData = [];
    $(this).find("td").each(function () {
      innerData.push($(this).text().trim());
    });
    data.push(innerData);
})
console.log(data)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table">
<tbody>
   <tr data-index="0">
      <td>ACB</td>
      <td>1540</td>
      <td>0784</td>
      <td>E</td>
   </tr>
   <tr data-index="1">
      <td>ACB</td>
      <td>1559</td>
      <td>0784</td>
      <td>E</td>
   </tr>
   <tr data-index="2">
      <td>ACB</td>
      <td>2095</td>
      <td>0784</td>
      <td>A</td>
   </tr>
   <tr data-index="3">
      <td>ADH</td>
      <td>0001</td>
      <td>0347</td>
      <td>S</td>
   </tr>
   <tr data-index="4">
      <td>ADH</td>
      <td>1075</td>
      <td>0347</td>
      <td>E</td>
   </tr>
   <tr data-index="5">
      <td>ADH</td>
      <td>0001</td>
      <td>0347</td>
      <td>A</td>
   </tr>
   <tr data-index="6">
      <td>ADH</td>
      <td>1076</td>
      <td>0347</td>
      <td>E</td>
   </tr>
   <tr data-index="7">
      <td>AHG</td>
      <td>2136</td>
      <td>0657</td>
      <td>W</td>
   </tr>
   <tr data-index="8">
      <td>AHG</td>
      <td>1037</td>
      <td>0657</td>
      <td>E</td>
   </tr>
   <tr data-index="9">
      <td>AHG</td>
      <td>I013</td>
      <td>0657</td>
      <td>W</td>
   </tr>
</tbody>
</table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取单个表行日期索引属性索引,以便我可以提取其单元格的值? 的相关文章

  • 在 JavaScript 中解析日期时间字符串

    有谁知道如何解析所需格式的日期字符串dd mm yyyy See Mozilla Core JavaScript 参考 日期对象 https developer mozilla org en Core JavaScript 1 5 Refe
  • 如何在D3节点中放置图像?

    到目前为止 我已经创建了这些 D3 节点 用于创建可折叠的层次树 到目前为止 这些节点的颜色为 AA1C1C 深红色 以表明如果您单击它们 它们将扩展到更多节点 我想要做的是在节点中使用图像中的位置 这对于所有用户来说都是一个加号 以知道它
  • 在 ASP.NET MVC 中使用 bootstrap 创建模式

    我在 ASP NET MVC 项目上使用 NET Framework 4 5 Bootstrap v3 3 6 我想做的是创建一个模态表单 我尝试了以下方法 在主布局中创建了一个模态容器 div class modal fade style
  • 在选择下拉列表中选择特定选项时添加输入框

    我需要在选择选项时将输入添加到选择选项中 每当用户选择 其他 时 就会出现一个输入框供用户输入数据 HTML
  • 匹配CSS的正则表达式“<属性>:<值>”

    我从以下位置检索了 CSS 规则document styleSheets现在我正在寻找提取它的属性和值 cssText expl position absolute background color rgb 204 204 204 max
  • 如何让更大的布局适合小设备屏幕?

    我有一个小问题meta viewport元素 问题是我的布局min width比我想要使用的许多屏幕分辨率都要大 所以将其设置为 没有帮助 结果我得到的页面必须缩小以适应设备宽度 如果我什至添加像 它也不起作用 发现了一个黑客来自CSS 技
  • 如何检查字符串中是否存在阿拉伯字符(javascript)

    如何用javascript语言检查字符串中是否存在阿拉伯字符 根据维基百科 http en wikipedia org wiki Basic Multilingual Plane 阿拉伯字符属于 Unicode 范围 0600 06FF 因
  • 为什么 Number.isNaN() 对字符串返回 false?

    据我的理解NaN代表Not A Number Strings不是绝对的Numbers因此我希望下面的代码返回true对于字符串 然而 事实并非如此 console log Number isNaN Stack Overflow 有人可以澄清
  • 将 JSON 字符串传递给 Django 模板

    我一直在用头撞墙 试图找出为什么我无法将从 Django 模型生成的 JSON 字符串传递到模板的 javascript 静态文件中 事实证明 问题不在模型级别 使用serializers serialize 在脚本本身中放入相同的字符串将
  • 使用Doctype让scrollTop返回0,为什么?

    当我将此 Doctype 放入我的文档中时document body scrollTop返回零 这是为什么 当您使用该 Doctype 时 您会将每个当前浏览器放入所谓的几乎标准模式 http hsivonen iki fi doctype
  • 使用 System.js 导入 Typescript 编译的模块时出错

    我最近正在学习使用 system js 导入由 Typescript 编译的模块 这些模块之前是为 require js 编译的 并且工作正常 但是合并到system js时 应用时无法导入模块系统生产 js 控制台说 Uncaught i
  • 在成功回调之前修改 JSONP 结果

    我想从外部服务加载一些 JSON 数据 然而 它提供 foo bar useful 而我真正关心的是 有用 的部分 我需要将那部分传递给success打回来 我正在尝试使用Deferred一次从多个数据源加载 类似this https st
  • Twitter Bootstrap 行过滤器/搜索框

    我无法找到有关如何为 Twitter Bootstrap 创建简单搜索查询或行过滤器的教程 我已经尝试了很多 我不确定是否我做错了什么或者插件与 Bootstrap 不兼容 如果可以的话请帮忙 我试过了 document ready fun
  • 在 Mobile Safari 中点击

    敲击
  • Twitter 引导选项卡和 JavaScript 事件

    我正在一个项目中使用 twitter bootstrap 特别是它的选项卡功能 http twitter github com bootstrap javascript html tabs http twitter github com b
  • ExtJS:简单表单忽略 formBind

    我有一个小问题让我发疯了好几天 我有一个表单面板 Ext define EC view PasswordPanel extend Ext form Panel alias widget pwdpanel bodyPadding 15 ini
  • jQuery 的 .each() 方法是并行还是顺序运行其语句?

    在我的 HTML 页面中 我有 4 个列表项和以下 jQuery 代码 li hide each function this delay 500 fadeIn 1000 我假设 each 函数内的语句将为第一个列表项运行 完成后为第二个列表
  • 显示对象内容 - JS/jQuery

    With this data events 返回 object Object 我需要看看里面到底发生了什么 我找到了这个 var Finder each this data events function i n Finder Name i
  • 如何选中表格中输入文本焦点上的复选框

    我试图在输入文本焦点上检查表 DOM 中的复选框 但无法访问复选框元素 但我的焦点正在工作 这是我的 jsfiddle 链接https jsfiddle net 9qha9vft https jsfiddle net 9qha9vft 这是
  • 如何使用 jquery 生成并附加随机字符串

    一般性 我想使用 jQuery 或 javascript 将随机字符串附加到元素的属性 规格 我需要引用 CDN 上的 CSS 文件 不幸的是 每次更新该 CSS 文件时 CDN 都会更改该文件的 URL 所以我不能简单地引用静态 URL

随机推荐

  • 可以从 dotnet core 1 访问嵌套引用

    我使用 dotnet core 为我的 Web 项目创建了业务和数据访问层 我在业务层中添加了数据访问引用 并在 UI Web 项目 层中引用了业务层 我看到 我可以从我的 UI Web 项目访问我的数据访问层 我真的很想知道 它可能会导致
  • 无论如何比较int和drawable?ANDROID

    无论如何可以将 s 与 a 进行比较吗 在此代码中 我将 int 作为答案 如果drawable s然后我想显示一个 Correct 祝酒消息 任何帮助 将不胜感激 btn1 setOnClickListener new OnClickLi
  • 哈希函数在 ColdFusion MX7 和 PHP 5.x 上的工作方式相同吗?

    我正在处理旧版 ColdFusion MX7 站点 他们想要实现一个 加盐哈希 密码系统 但在明年左右的某个时候 他们计划建立一个全新的 PHP 网站 并且不想重置 丢失 所有密码 所以我正在寻找一些可以在两个平台上运行的代码 我对此很陌生
  • 导航栏中的 UISearchBar

    如何在导航栏中显示 UISearchBar 我不知道该怎么做 非常感激你的帮助 要将搜索栏放入导航栏的中心 self navigationItem titleView self searchBarTop 要将搜索栏放在导航栏的左侧 右侧 U
  • 如何更改android 4.2.2中操作栏的高度

    是否可以更改操作栏的高度 我尝试过 ActionBar setCustomView view layoutparams 但无法更改高度 请提出建议 任何帮助将不胜感激 要设置 ActionBar 的高度 您可以创建一个新文件主题 xml在你
  • 如何在表格单元格中显示多行文本

    我想将数据库中的一段显示到表格单元格中 结果是一大行 1 行 忽略它在数据库中的组织方式 例如忽略 输入 新行 我想按照数据库中的写入方式准确地显示它 例如 如果段落像这样保存 hello my name is x 我希望它完全像那样显示
  • 在客户端启用 CORS

    我正在创建一个将在我无法管理或修改的服务器上运行的 Web 应用程序 在该应用程序中 我需要对不同的服务器执行 AJAX 调用 这将始终被 同源策略 阻止 其中 server01 test net 是网络服务器 mail test net
  • 使用对象列表填充 UserControl Gridview

    我有一个名为 原因 的对象列表 其中包含两个属性 代码 和 文本 我想用它来填充 Gridview 的 UserControl 但是 我不明白如何将 gridview 链接到原因列表并实际设置要使用对象中的哪些数据 我假设该方法是将数据源设
  • 适用于旧版本 python 的 OrderedDict

    有序字典是非常有用的结构 但不幸的是 这些是最近才在以下版本中工作的 3 1 and 2 7 如何在旧版本中使用有序字典 我用 pip 在 python 2 6 上安装了ordereddict pip install ordereddict
  • 如何编写非阻塞的javascript代码?

    如何进行简单的非阻塞 Javascript 函数调用 例如 begin the program console log begin nonBlockingIncrement 10000000 console log do more stuf
  • 如何使用 JS 构建我自己的甘特图 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 我想看看 HTML5 画布
  • 使用 UpdateResource 更新字符串表

    我在这里问了这个问题 通过 UpdateResource 更新 STRING TABLE 添加多个字符串 现在我再次提问 因为这次我可以为问题添加更多细节 I ve been trying this for the past day or
  • Azure DevOps 多级管道 YAML:如何签出多个存储库?

    我的 Azure DevOps 管道使用来自两个不同存储库的 yaml 模板 其配置如下 有一个应用程序存储库 其中包含可部署的应用程序和一个 yaml 文件 管道的 根 模板 模板存储库 根模板从模板存储库调用其他模板和阶段 然后此存储库
  • PHP创建txt文件并将其保存到根目录

    我正在尝试创建一个文件并将其保存到我的网站的根目录 但我不知道它在哪里创建该文件 因为我看不到任何文件 而且 如果可能的话 我需要每次都覆盖该文件 这是我的代码 content some text here fp fopen myText
  • 发送 Select + Transport Key 后的 JCOP 0x6A82

    您好 我有一张 JCOP 卡未熔断 我从我的供应商处获得了 TK 和开卡命令 当我发送到卡时 00 a4 04 00 10 40 41 42 43 44 45 46 47 48 49 4a 4b 4c 4d 4e 4f 我有 6a 82 F
  • 如何简化这个程序?

    主要功能如下代码 f is a function that has two parameters and returns one value f lt function a b a b x is a s value group x lt c
  • 解释 stdscr 中的“ENTER”按键(Python 中的 curses 模块)

    我正在使用Python的curses模块 在 stdscr 中 每当我按 Enter 键时 curse 就会移动到同一行中的第一列 我对此有几个问题 这是什么原因呢 有没有办法把诅咒移到下一行 如果我想在按下回车键时执行某些操作 执行某些功
  • 将十六进制字符串转换为十六进制数据

    我目前有一个NSString包含十六进制值 我需要转换这个NSString对象变成NSData对象 根本不改变其内容 我使用此代码将 NSData 对象的调试输出 如果您只是 NSLog 一个 NSData 对象 则在控制台中得到的内容 解
  • 谷歌图表中轴 #0 的数据列不能是字符串类型错误

    我尝试使用 PHP 在服务器端填充 google 图表数据表 我正确获取了 JSON 文件 但图表未显示在客户端应用程序中 我收到错误 轴 0 的数据列不能是字符串类型 我的编码如下 从数据库中取出数据后 colarray array ar
  • 如何获取单个表行日期索引属性索引,以便我可以提取其单元格的值?

    我正在使用 Bootstrap Table 集成来创建一个表 其中包含来自我的 ajax get 请求的数据 表插件动态生成一个 tbody with tr and td 根据您的数据 我需要能够找到个人 tr 与他们各自的 td 在另一个