在 HTML 中的特定表格单元格中显示消息对话框

Question

我使用 HTML、XML 和 XLST 创建了一个表格。我正在使用 for-each 循环创建一个表，该循环插入 xml 文件中的数据。

一旦表格填满数据，我希望每个被点击的单元格都显示对话框消息框。

XML 文件代码：

<person>
    <title>Abraham</title>
    <slota>Johns</slota>
    <slotb>22</slotb>
    <slotc>male</slotc>
    <slotd>ave road</slotd>
    <slote>0384847</slote>
    <slotf>shdh@hot.com</slotf>
    <slotg>UK</slotg>
  </person>

上面是需要插入表中的所有数据的代码。

XSLT 代码：

<table border="1" cellspacing="0">
        <tr>
          <th bgcolor="DarkGray" >Employee</th>
          <th id="cell1" bgcolor="DarkGray">name</th>
          <th id="cell2" bgcolor="DarkGray">surname</th>
           <th id="cell3" bgcolor="DarkGray">age</th>
          <th id="cell4" bgcolor="DarkGray">gender</th>
          <th id="cell5" bgcolor="DarkGray">address</th>
           <th id="cell6" bgcolor="DarkGray">phone</th>
          <th  id="cell7" bgcolor="DarkGray">country</th>

        </tr>
        <xsl:for-each select="persons">
        <tr>
           <td><xsl:value-of select="title" /></td>
           <td><xsl:value-of select="slota" /></td>
           <td><xsl:value-of select="slotb" /></td>
           <td><xsl:value-of select="slotc" /></td>
           <td><xsl:value-of select="slotd" /></td>
            td><xsl:value-of select="slote" /></td>
           <td><xsl:value-of select="slotf" /></td>
       <td><xsl:value-of select="slotg" /></td>
         </tr>
        </xsl:for-each>
      </table>

以上是 XSL 文件创建表和使用for-each 循环插入数据的代码。

我创建了一个使用 JavaScript 显示对话框消息框的函数，这里的代码如下：

<script>
    function myFunction()
    {

      alert ("I am an alert box");
      }
      </script>

当我将此函数放在一个表格单元格中时，我会触发它，例如：

<td onclick="myFunction()"><xsl:value-of select="slota" /></td>.

该函数适用于该行中的每个表格单元格。

有没有办法可以将此函数应用于特定行？ 还是因为我使用for-each 循环来创建表？

Answer 1

考虑使用 Jquery 来处理这类事情。 Jquery 是一个 JavaScript 框架。

您可以为特定表格中的表格单元格创建click event。一个例子：

$('table tr td').click(function()
{
    alert('I am an alert box');
});

还值得注意的是，您可以将逻辑应用于此事件的选择器，以仅选择具有特定类或属性值的单元格。 'table tr td' 是选择器。如果您只想选择具有“foo”类的单元格，您可以编写：“table tr td.foo”。