-1

I would like to remove part (4 first characters) of a text in a list of span tags (filtered by the class name):

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

I would like to get this:

<span class="time">0:50</span>
<span class="time">1:22</span>
<span class="time">2:44</span>

I try some codes using text.substr(1, 4) but none of them works.
Could someone help me?

1
  • What did you attempt? Commented Dec 3, 2021 at 20:21

1 Answer 1

1

You can use a regular expression to match it

document.querySelectorAll(".time").forEach(function (elem) {
  elem.textContent = elem.textContent.match(/[1-9]?\d:\d\d$/)[0];
});
<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

substr if it will always be X:XX

document.querySelectorAll(".time").forEach(function (elem) {
  elem.textContent = elem.textContent.substr(-5);
});
<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

Sign up to request clarification or add additional context in comments.

1 Comment

thanks mate, works flawless, really glad for you help!

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.