尝试创建一个弹出“模式”窗口，其中包含特定信息

Question

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

在解释查看我的代码的重要性之前 - https://jsfiddle.net/avaris/bexn436s/

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

• 我正在努力做到这一点，如果您通过右键单击第 38 行（或任何其他容器）的 container4 内部来打开上下文菜单，则 ID strong> & NAME 类将匹配 div 的 infoID、infoName（第 1 行）。

• 我正在寻找的只是可能的解决方案的建议或方向。

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

<p class="NAME4">Valentine</p>（第 41 行）

到

<p class="infoName"></p>（第 4 行）

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

var taskItemClassName = "container";

-

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

任何方向都是我在寻找的。​​p>

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

Answer 1

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