Removing everything before dash from each H4 tag

Question

Hi, this sounds really simple and stupid..but I'm having a hard time removing the content before each dash from each H4 element on my page....i've been trying to do this with Jquery/Javascript.. Any insight?

Here's a sample of my HTML code:

<h4>California-Medical Research</h4>
<h4>Florida-Industrial</h4>
<h4>Atlanta-Computers</h4>

I'm trying to have my code cycle through each occurance of <h4> and remove everything before the dash...so the desired result will look like this:

Medical Research
Industrial
Computers

Thanks!

Answer 1

Assuming your layout's consistent with dashes you could do this:

​$("h4").text(function(i, t) { return t.substring(t.indexOf('-') + 1); });​​​​​​​​​

Since jQuery 1.4+ .text() takes a function, making this very clean. You can give it a try here.

Answer 2

Try this :

$.each($('h4'), function(i){
    var content = $(this).html();
    content = content.split('-')[1];
    $(this).html(content);
});