javascript - 如何使用 Javascript 删除多个元素中字符的最后一个实例之前的文本？

Question

我是 Javascript 新手，所以我正在尽力学习，但我一直不知道它是如何工作的。我的 html 看起来与此类似:

<div id="myDiv">
     <p>string/string/Red</p>
     <p>string/string/Green</p>
     <p>string/string/Blue</p>
</div>

我想使用 Javascript 删除“/”之前的所有文本(包括最后一个“/”实例)，如下所示:

<div id="myDiv">
     <p>Red</p>
     <p>Green</p>
     <p>Blue</p>
</div>

从我看到的示例中，我相信我需要以某种方式使用 substring() 和 lastIndexOf()，但不可否认的是，我对 Javascript 的了解还不够，无法理解它应该如何工作。这是我正在使用的代码，但我不知道如何合并 substring() 和 lastIndexOf() 来获得我想要的:

var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
     y[i].innerHTML = // WHAT GOES HERE?;
}

有人可以帮助新手吗？

Answer 1

我认为你可以使用 split 和 pop 来实现它 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop

for (i = 0; i < y.length; i++) {
     y[i].innerHTML = y[i].innerHTML.split('/').pop()
}