使用jquery或javascript（单击时）在html中为工具提示设置数据属性

我有以下jQuery、CSS和HTML行：

$（“#按钮”）。单击（函数（）{
$（“主要”）数据（“ot”、“测试”）；
});
#主{
显示：内联块；
背景色：红色；
填充：4px；
宽度：230px；
文本对齐：居中；
}
#钮扣{
显示：内联块；
填充：4px；
背景颜色：绿色；
光标：指针；
}

Div内容（工具提示触发器）
将数据更改为测试工具提示值是在生成文档时设置的。因此，如果以后更改，则不会更改该值。
工具提示值是在生成文档时设置的。因此，如果以后更改，则不会更改该值。
根据插件，您可以动态设置或更改属性

您可以添加以下代码：

var myOpentip = new Opentip($("#main"));
 myOpentip.setContent("First Content");

$("#button").click(function() {
  myOpentip.setContent("New content");
});

此外，还需要从HTML中删除数据属性

JSFIDLE:
根据插件，您可以动态设置或更改属性

您可以添加以下代码：

var myOpentip = new Opentip($("#main"));
 myOpentip.setContent("First Content");

$("#button").click(function() {
  myOpentip.setContent("New content");
});

此外，还需要从HTML中删除数据属性

jsIDLE:
工具提示未显示。是通过鼠标悬停或单击激活的？我没有将工具提示代码放在这里，因为它们需要大脚本，我认为可以通过检查页面的元素来查看更改的值更改HTML属性的正确方法是使用$（'#main'）.attr（'data-ot'，'test'）；。如果该更改未反映在工具提示中，则表示您使用的脚本未使用新属性更新自身。无法添加工具提示文件，它们太大，stackoverflow不允许我将其发布为插件？尝试添加未显示的JSFiddleTooltip。是通过鼠标悬停或单击激活的？我没有将工具提示代码放在这里，因为它们需要大脚本，我认为可以通过检查页面的元素来查看更改的值更改HTML属性的正确方法是使用$（'#main'）.attr（'data-ot'，'test'）；。如果该更改未反映在工具提示中，则表示您使用的脚本未使用新属性更新自身。无法添加工具提示文件，它们太大，stackoverflow不允许我将其发布为插件？尝试添加一个JSFiddleOMG我刚刚醒来，昨晚一直在尝试修复它，直到凌晨3:30，伙计，你真的很厉害，我对javascript一点经验都没有，谢谢！没问题。也许在你的问题中提到插件名称会有助于更快地解决问题。如果你喜欢这个答案，也许也可以投赞成票：）我现在不能，因为我的票数太低了，但我会提前，答应你。这真的很有帮助，再次感谢你！天哪，我刚醒过来，昨晚一直在努力解决这个问题，直到凌晨3:30，老兄，你真是太棒了，我对javascript一点经验都没有，谢谢！没问题。也许在你的问题中提到插件名称会有助于更快地解决问题。如果你喜欢这个答案，也许也可以投赞成票：）我现在不能，因为我的票数太低了，但我会提前，答应你。这真的很有帮助，再次感谢你！