javascript - 使用 jquery 在动态变化的文本上分割字符串

Question

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

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

问题是“since 04/12/2018”总是不同的。日期总是在变化。我希望元素看起来像这样:

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

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

提前致谢。

Answer 1

如果每个字符串末尾都有“since {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]

这将为您提供“从森特维尔转运的元素”。只需知道它会完全丢弃之后的所有内容，因此如果您确实想要隐藏/显示行为，则必须做一些不同的事情。

示例:

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>