How to remove everything after particular character

Question

I have a string which is as below :

Documents for 047-428583 > FOLDER A > FOLDER D

I want to remove > FOLDER D while doing a particular operation.

I have tried using substring which is as below but it removes everything after >

 var data = $("#extend").text();
 $("#extend").text(data.substring(0, data.indexOf('>')));

I have gone through this but in my case i have multiple same characters so i can not use that. I guess!

Answer 1

Use lastIndexOf instead:

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf

$("#extend").text(data.substring(0, data.lastIndexOf('>') - 1));

Answer 2

You could split the text() value by the > character and then remove the final element in the resulting array:

$("#extend").text(function(i, val) {
    var arr = val.split('>');
    arr.pop();
    return arr.join(' > ');
});

Example fiddle

Answer 3

You can split and then join again:

 var data = $("#extend").text().split('>').pop();
 data.join(" > ");

EDIT

As the comment said, pop() method returns the final string and this code is no correct. The correct answer is that @Rory McCrossan writes: https://stackoverflow.com/a/31674474/5035890