Jquery: Remplacement des caractères accentués sur h2

Question

j'essaie de remplacer les caractères spéciaux que j'ai définis qui sont contenus sur tout mon < h2>

J'ai écrit ce morceau de code, mais il fonctionne toujours pas.

var charMap = { 
    à:'a',è:'e',é:'e',ä:'a',ë:'e', 
    ö:'o',â:'a',À:'A',É:'E',È:'E', 
}; 
$('h2').each(function() { 
     var str = $(this).text() ; 

     var str_array = str.split(''); 

     for(var i = 0, len = str_array.length; i < len; i++) { 
      str_array[ i ] = charMap[ str_array[ i ] ] || str_array[ i ]; 
     }; 
    }); 

Merci pour aider débutant comme moi :)

Answer 1

Vous devez réellement définir la nouvelle valeur aussi:

... 
for(var i = 0, len = str_array.length; i < len; i++) { 
    str_array[ i ] = charMap[ str_array[ i ] ] || str_array[ i ]; 
}; 
$(this).text(str_array.join('')); 

où la fonction est effectivement Array.join builtin la « inverse "de String.split.