You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 11:21:39