使用jQuery修改Tooltip文本:基于title属性的文本修改是否可行?
当然可以!仅用jQuery就能修改Tooltip提示文本
完全没问题~因为原生浏览器的Tooltip就是直接读取元素的title属性来显示内容的,所以只要用jQuery修改这个属性的值,就能同步更新提示文本。
举几个实用的例子:
- 修改单个元素的Tooltip:比如给id为
my-button的按钮换提示文本
$("#my-button").attr("title", "点击我提交表单哦");
- 批量修改同类型元素的Tooltip:比如把所有class为
card的卡片的提示文本统一改成新内容
$(".card").attr("title", "点击查看卡片详情");
如果你的项目里用了第三方Tooltip插件(比如基于title属性初始化的那种),修改完title后可能需要调用插件的刷新方法,但如果是原生浏览器自带的Tooltip,修改title属性后立刻就会生效,鼠标再悬停就能看到新的提示啦~
内容的提问来源于stack exchange,提问作者user8723305
相关产品推荐
相关产品推荐

