wrap and unwrap and remove attr
by Nabaraj Saha
HTML
<div className={"tab"} id="flag">
<span>
<img
src="images/smiley/Great_Britain.png"
alt="Great Britain"
title="Great Britain"
onMouseOver={this.showImageName}
onClick={this.addImage}
/>
</span>
<span>
<img
src="images/smiley/United_States.png"
alt="United States"
title="United States"
onMouseOver={this.showImageName}
onClick={this.addImage}
/>
</span>
<span>
<img
src="images/smiley/afghanistan.png"
alt="afghanistan"
title="afghanistan"
onMouseOver={this.showImageName}
onClick={this.addImage}
/>
</span>
<span>
<img
src="images/smiley/aland_islands.png"
alt="aland islands"
title="aland islands"
onMouseOver={this.showImageName}
onClick={this.addImage}
/>
</span>
<span>
<img
src="images/smiley/albania.png"
alt="albania"
title="albania"
onMouseOver={this.showImageName}
onClick={this.addImage}
/>
</span>
<span>
<img
src="images/smiley/algeria.png"
alt="algeria"
...
JavaScript
$("img").each(function(ind, elm){
var title = $(elm).attr("title");
console.log(title.split(" "));
title = title.split(" ").map(item=>{
return item.charAt(0).toUpperCase() + item.slice(1)}).join(" ");
$(elm).attr("title", title);
})