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

如何使用jQuery分割动态生成文本并移除可变日期相关内容?

解决方案:用jQuery移除span中"since"及之后的动态内容

当然可以实现!既然"since"是固定的标记,我们完全可以利用它来分割文本,去掉后面的动态日期部分。下面给你两种实用的方法:

方法一:利用字符串索引截取

这种方法直观易懂,通过找到"since"的位置来截取前面的内容:

// 建议给目标span加个类名(比如transit-info),避免影响页面其他span
$('.transit-info').each(function() {
  const originalText = $(this).text();
  const sincePosition = originalText.indexOf('since');
  
  // 确保找到了"since"关键词再处理
  if (sincePosition !== -1) {
    // 截取"since"之前的内容,并用trim()去掉末尾多余的空格
    const updatedText = originalText.substring(0, sincePosition).trim();
    $(this).text(updatedText);
  }
});

方法二:正则表达式替换

如果喜欢更简洁的写法,正则表达式可以一步到位:

$('.transit-info').text(function(index, oldText) {
  // 匹配"  since"(前面带空格)及后面所有内容,替换为空
  return oldText.replace(/\ssince.*/, '').trim();
});

注意事项:

  • 一定要给目标span加上专属的类名(比如示例里的transit-info),不然页面上所有span都会被修改,容易出问题
  • 如果你的span是动态生成的(比如通过AJAX加载),要确保这段代码在span渲染完成后再执行,比如放在AJAX的回调函数里,或者用事件委托监听元素加载

内容的提问来源于stack exchange,提问作者illibrarian

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.27 09:44:51