HTML 表格 - 为每个 <td> 创建弹出框并显示 xml 数据答案

【问题标题】：HTML table- Create pop up box for each <td> and display xml dataHTML 表格 - 为每个 <td> 创建弹出框并显示 xml 数据
【发布时间】：2017-07-05 20:05:59
【问题描述】：

我正在做一个项目，我正在尝试创建一个 Web 应用程序。到目前为止，我的代码就像this example。我按下按钮，一个表格出现了。正如您在示例中看到的，此表包含 XML 文件的数据。 问题：我想通过单击每个“td”，出现一个弹出框。此框将包含来自同一 XML 文件的每个“td”的不同数据。具体来说，它将包含一个图像和一些引用“td”的文本。实际上，我想要this 之类的东西。我尝试将此代码添加到我的代码中，并在每个“td”中创建了一个弹出按钮。但是点击这些按钮，什么也没有发生。如果您能与我分享您的知识，那就太好了！

【问题讨论】：

标签： javascript html xmlhttprequest

【解决方案1】：

我认为它对你的逻辑很有帮助。

  $('td').click(function () {
        $("#MyModal").modal("show");
    });

【讨论】：

【解决方案2】：

您可以将一个类分配给 td ，并通过单击该 ID 并使用由

调用的 jquery 模型

$("#MyModal").modal("show");

查看此example

附：我已经使用 bootstrap 模型进行弹出窗口，但任何其他模型都可以在代码更改最少的情况下使用。

【讨论】：