javascript - 尝试创建一个弹出 "Modal"窗口，其中包含特定信息

Question

所以我是 JavaScript 新手，所以我不确定如何设置我的代码。

在解释之前先看看我的代码 - https://jsfiddle.net/avaris/bexn436s/

当右键单击容器内部时，会弹出一个带有按钮的自定义上下文菜单，该按钮使 div(第 1 行)可见。

• 我试图做到这一点，如果您通过右键单击第 38 行(或任何其他容器)上的 container4 内部打开上下文菜单，则无论 ID 中是什么 strong> 和 NAME 类将匹配 div(第 1 行)的 infoID、infoName。

• 我所寻求的只是有关可能解决方案的建议或指导。

如果通过右键单击“NAME4”打开

<p class="NAME4">Valentine</p> (第 41 行)

至

<p class="infoName"></p> (第 4 行)

上下文菜单脚本从第 61 行开始，您可以在第 144 行确定上下文菜单显示在哪个元素中:

var taskItemClassName = "container";

-

我已经测试了所有内容，但无法找出设置，因为通过自定义上下文菜单访问“信息页面”超出了我的专业知识。

任何方向都是我所寻找的。

尽力保持简短，但如果我解释得不好，我很乐意提供更多信息。

Answer 1

您可以为每个组件使用title 属性。如果将鼠标悬停在特定项目上，您可以获得预期的值。使用 JS，您可以为每个列表组件添加 title 标签。