使用Tooltipster jQuery脚本获取span标签id值的问题求助
嘿,我来帮你搞定这个Tooltipster获取span id的问题~
解决Tooltipster中获取span ID的问题
首先得先修正你HTML代码里的小语法错误——span标签的id属性引号没正确闭合,这会导致浏览器无法正常解析这个属性,直接是获取不到id的根源之一:
<div class='content'> <span id='1928_34' title="Please wait...">Click here</span> </div>
接下来,在Tooltipster的配置里,你需要借助它提供的回调函数参数来获取触发弹窗的目标元素,进而拿到id值。具体来说,Tooltipster的回调会传入helper对象,其中helper.origin就是触发弹窗的那个span元素(已经包装成jQuery对象),通过它就能轻松拿到id:
$(document).ready(function() { $(".content span").tooltipster({ // 示例:在初始化时获取并使用id functionInit: function(instance, helper) { const targetId = helper.origin.attr('id'); console.log(targetId); // 这里会输出1928_34 // 你可以在这里把id用于后续逻辑,比如请求数据等 }, // 或者在弹窗内容里直接展示id content: function(instance, helper) { const targetId = helper.origin.attr('id'); return `当前点击元素的ID是:${targetId}`; } }); });
之前你拿到undefined,一是因为HTML的语法错误导致浏览器没识别到span的id属性,二是没在Tooltipster的正确回调上下文里获取目标元素。现在修复这两点,就能正常拿到1928_34这个值啦。
内容的提问来源于stack exchange,提问作者thalassa3000
相关产品推荐
相关产品推荐

