使用jquery在动态更改文本时拆分字符串

Question

我正在尝试使用jQuery拆分文本字符串并删除/隐藏字符串的一部分。 这是动态生成的单个跨度类的全部。

<span>Item in transit from Centerville since 05/14/2018<span>

问题是“自2018年12月12日起”始终是不同的。 日期总是改变的。 我希望元素看起来像这样：

<span>Item in transit from Centerville</span>

有没有办法做到这一点的jQuery？ 一个常量似乎是“自”部分，该部分始终在动态生成的日期之前。 可以用来分割字符串并达到我想要的结果吗？

提前致谢。

Answer 1

如果这些字符串中的每个字符串末尾都带有“自{some date}开始”，那么您可以这样做：

HTML部分：

<span id="string">Item in transit from Centerville since 1/1/2018</span>

使用jQuery：

let string = $("#string").text();
//'let string = document.getElementById("string").innerText' if you want to just pure javascript
let desiredString = string.split(" since");[0]

这将为您提供“从Centerville运送中的物品”。 只是知道它完全丢弃了所有内容，因此，如果您实际上想要具有隐藏/显示行为，则必须做一些不同的事情。

例：

 let string = document.getElementById("string").innerText; let desiredText = string.split(" since")[0]; document.getElementById("changed").innerText = desiredText; 

 <p>Original</p> <span id="string">Item in transit from Centerville since 1/1/2018</span> <p>Changed</p> <span id="changed"></span> 

Answer 2

1. 由于日期总是最后一次，请使用split（）和空格创建单词数组，然后使用pop（）获取最后一个元素，即日期。

 var $text = $('span').text(); console.log($text.split(' ').pop()) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span>Item in transit from Centerville since 05/14/2018</span>