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