Javascript 通过单击更改div数据

我希望在单击stackoverflow时，将数据浮动切换更改为悬停而不是单击

我们可以通过下面的代码来实现这一点吗

jQuery（'.top-bottom'）。on（'click'，函数（e）{
"严格使用",；
e、 预防默认值（）；
jQuery（'.top-bottom'）.addClass（'hide'）；
});
这个解决方案怎么样。希望有帮助


$（文档）.ready（函数（）{
$（'.top-bottom'）。在（'click'，函数（e）上{
"严格使用",；
e、 预防默认值（）；
$（'.top-bottom'）.addClass（'hide'）；
$（this.attr（'data-float-toggle'，'hover'）；
});
});

Done为此感到抱歉使用事件处理程序中的
$（this）
引用发生事件的元素<代码>$（this）.data（'float-toggle'，'newvalue Here'）@Tushar你是说像这样？jQuery（'.top-bottom'）.on（'click'，函数（e）{'use strict'；e.preventDefault（）；$（this）.data（'float-toggle'，'hover'）；}）；非常感谢你，亨利，你能告诉我怎么才能确定$this的类名吗？我发现我的代码会被修改，那么我能做些什么呢？真正地sorry@Ahmed$（这是对当前正在使用的元素、类或Id的引用。在本例中，$（this）是正在单击的类的引用。是的，我理解这一点，但我们不能更改代码以使其与我在注释中发送给您的代码一起工作？当点击stackoverflow，然后找到id float按钮，将data float toggle更改为hover，我希望你能在这方面帮助我：）HenryDev确定你是对的，我发誓我会更改它，因为我等待你写下新答案，然后标记它，我希望你理解我，但我会标记你的答案，直到你看到你是否能帮助我，在这段代码中，div id=“float button”data float toggle=“click”>我需要在单击stackoverflow时找到id float button，并将data float toggle更改为hover（仅此而已，再次抱歉@HenryDev:）