How to replace certain text in span title attribute using JavaScript?

Question

I want to change a certain certain text in span title attribute using JavaScript or JQuery to contain only the first part of the title text (before the dash as shown in the attached pic) using javascript function in which I can apply the function to all titles with the same issue in the whole website.

Answer 1

I can change a certain text in span title attribute using JQuery by doing this:

$('span.js-webpart-titleCell').each(function(){
var splitTitle = $(this).attr('title').split('-');
$(this).attr('title', splitTitle[0]); 
}); 

This function works on every span with js-webpart-titleCell class, split its title attribute into two parts (before and after the dash mark), and change the title to only the first part of it.

Answer 2

You can change the title attribute using JavaScript as below

document.getElementsByClassName('ClassName').title = 'your new title'; 

Also, You can change the title attribute using JQuery as below

$('.classname').attr('title', 'your new title');

Hope it helps!

Comments

It does help, thank you !

Answer 3

I also suggest the same as Nada did.

$('span.js-webpart-titleCell').each(function(){ var splitTitle =
$(this).attr('title').split('-'); $(this).attr('title',splitTitle[0]);  });