我有一个如下概述的HTML表(带有示例数据):

<table class="tbl">
  <caption>Version History Table</caption>

  <thead>   
    <tr>
      <th>Change Date</th>
      <th>Change Type</th>
      <th>Description</th>
      <th>StaffID</th>
    </tr>   
  </thead>

  <tbody>
    <tr>
      <td>16/04/2010 07:30</td>
      <td>Edit</td>
      <td>New role</td>
      <td>00215</td>
    </tr>
    <tr>
      <td>15/02/2012 14:37</td>
      <td>Edit</td>
      <td>Out of stock</td>
      <td>85487</td>
    </tr>
    <tr>
      <td>14/03/2013 10:18</td>
      <td>Add</td>
      <td>Out of date</td>
      <td>15748</td>
    </tr>              
  </tbody>

</table>

我要达到的目的是,当用户选择一行时,将出现一个弹出窗口/对话框,显示历史记录的详细信息。

===============>>#1 票数:9

我有一个如下概述的HTML表(带有示例数据):

<table class="tbl">
  <caption>Version History Table</caption>

  <thead>   
    <tr>
      <th>Change Date</th>
      <th>Change Type</th>
      <th>Description</th>
      <th>StaffID</th>
    </tr>   
  </thead>

  <tbody>
    <tr>
      <td>16/04/2010 07:30</td>
      <td>Edit</td>
      <td>New role</td>
      <td>00215</td>
    </tr>
    <tr>
      <td>15/02/2012 14:37</td>
      <td>Edit</td>
      <td>Out of stock</td>
      <td>85487</td>
    </tr>
    <tr>
      <td>14/03/2013 10:18</td>
      <td>Add</td>
      <td>Out of date</td>
      <td>15748</td>
    </tr>              
  </tbody>

</table>

我要达到的目的是,当用户选择一行时,将出现一个弹出窗口/对话框,显示历史记录的详细信息。

===============>>#2 票数:1

我有一个如下概述的HTML表(带有示例数据):

<table class="tbl">
  <caption>Version History Table</caption>

  <thead>   
    <tr>
      <th>Change Date</th>
      <th>Change Type</th>
      <th>Description</th>
      <th>StaffID</th>
    </tr>   
  </thead>

  <tbody>
    <tr>
      <td>16/04/2010 07:30</td>
      <td>Edit</td>
      <td>New role</td>
      <td>00215</td>
    </tr>
    <tr>
      <td>15/02/2012 14:37</td>
      <td>Edit</td>
      <td>Out of stock</td>
      <td>85487</td>
    </tr>
    <tr>
      <td>14/03/2013 10:18</td>
      <td>Add</td>
      <td>Out of date</td>
      <td>15748</td>
    </tr>              
  </tbody>

</table>

我要达到的目的是,当用户选择一行时,将出现一个弹出窗口/对话框,显示历史记录的详细信息。

===============>>#3 票数:0

我有一个如下概述的HTML表(带有示例数据):

<table class="tbl">
  <caption>Version History Table</caption>

  <thead>   
    <tr>
      <th>Change Date</th>
      <th>Change Type</th>
      <th>Description</th>
      <th>StaffID</th>
    </tr>   
  </thead>

  <tbody>
    <tr>
      <td>16/04/2010 07:30</td>
      <td>Edit</td>
      <td>New role</td>
      <td>00215</td>
    </tr>
    <tr>
      <td>15/02/2012 14:37</td>
      <td>Edit</td>
      <td>Out of stock</td>
      <td>85487</td>
    </tr>
    <tr>
      <td>14/03/2013 10:18</td>
      <td>Add</td>
      <td>Out of date</td>
      <td>15748</td>
    </tr>              
  </tbody>

</table>

我要达到的目的是,当用户选择一行时,将出现一个弹出窗口/对话框,显示历史记录的详细信息。

===============>>#4 票数:0

我有一个如下概述的HTML表(带有示例数据):

<table class="tbl">
  <caption>Version History Table</caption>

  <thead>   
    <tr>
      <th>Change Date</th>
      <th>Change Type</th>
      <th>Description</th>
      <th>StaffID</th>
    </tr>   
  </thead>

  <tbody>
    <tr>
      <td>16/04/2010 07:30</td>
      <td>Edit</td>
      <td>New role</td>
      <td>00215</td>
    </tr>
    <tr>
      <td>15/02/2012 14:37</td>
      <td>Edit</td>
      <td>Out of stock</td>
      <td>85487</td>
    </tr>
    <tr>
      <td>14/03/2013 10:18</td>
      <td>Add</td>
      <td>Out of date</td>
      <td>15748</td>
    </tr>              
  </tbody>

</table>

我要达到的目的是,当用户选择一行时,将出现一个弹出窗口/对话框,显示历史记录的详细信息。

  ask by Oam Psy translate from so

未解决问题?本站智能推荐:

2回复

使用jQuery在IE8中的HTML表的每一行中选择第一个TD

我想找出一个jQuery选择器,它将给我HTML表中每一行的第一个td。 第一列,实质上。 该解决方案必须在IE8中运行,很遗憾,我需要支持该浏览器。 假设HTML表格如下所示: 因此,预期的最终结果是一个jQuery对象,该对象仅包含包含文本“ Cell 11”,“ Cell
2回复

如何使用Jquery在HTML表格的点击表格行中选择元素?

我有一个具有2列的表,我正在使用PHP动态生成该表的行。 每个表格行都有以下字段: 输入类型=“复选框” div中的两个输入type =“ text” 我想做的是在选中复选框时隐藏包含两个输入类型文本的div,我尝试使用Jquery获取被单击复选框的父级,然后将相应的
3回复

如何使用jQuery选择一行表

我在我的应用程序上创建了一个表,代码相同 我通过以下jQuery代码单击选择一行 我的css是 我希望当我点击一行时,不选择其他行,只选择一行。 我们怎么能创造这个?
1回复

所选的行值不是从firefox中的表中选择的,而是在chrome中工作。 代码在jQuery中

这是我的代码。 我有HTML表格。 当我单击一行时,该行的值被选中。 的console.log(sitepop); 显示选定的值。 在chrome中,我得到了必需的值,但是在Firefox中,我得到了一个空数组。
3回复

如何使用JQuery从表中选择不为空的最后一个单元格的前一个同级

我有一个包含以下行和单元格的表: 我想选择tr的index ,在这种情况下,它是最后一个td ,并且在Product Column下没有任何数据。 我尝试了以下JQuery函数,但它们不起作用: 同级方法 还有以前的方法 var lastrow=$('td[name=pr
1回复

从两个表行中选择数据(tr)

我想,当Add点击[第三届td的tr ],使用Javascript / jQuery将选择该id和val()从文本区域与该ID [并非所有的textarea]后立即定位..... HTML JS
3回复

使用jQuery插入其他表行

我正在尝试将其他表行插入到专门用于移动设备的表中,以便所有表数据单元显示在列表中。 因此,例如布局目前是2x2布局,但我希望它显示为1x4。 我下面的代码对于函数是正确的,因为我可以用示例文本替换</tr><tr>然后显示。 问题是,当我删除文本并放入</
3回复

使用jQuery删除表行

如果要从以下内容删除表行: 我有一个按钮可以从数据库中填充表单上的<tr> 。 我想使用jQuery删除tr并刷新数据。 此刻,当我按下“刷新”按钮时, tr会被附加。 这是我尝试过的jQuery和其他: 任何帮助都会很棒。
5回复

使用jQuery更新表行

假设你有一个html表: 你有一个JSON对象: 并且您希望在相应的表行中更改该记录(假设此表已经有一行id =“tr_12”): 是否有一种更快/更清晰的方法使用jQuery更新表行,而不是最后显示的代码块?
3回复

使用Javascript或JQuery从特定的表行和列中获取选择值和选项

我有一张表,上面附加了行。 每行在第2列{0, 1, [2]}都有一个select。 我正在尝试使用JavaScript或JQuery获取选择的文本/值/选项。 看来这应该很简单,但是对我来说,我无法找出一种方法来获取所选行和列中的select元素。 任何帮助将不胜感激。 这是我的