Comment changer uniquement le nœud texte dans un élément

Question

J'ai le HTML suivant :

  *
  Name

Et je veux changer la légende du label en Titre avec jquery. Donc je fais

$('label[for=user_name]').html('Titre')

Et cela remplace tout le html interne (y compris la balise abbr)

Alors, quelle est la manière la plus simple de ne remplacer que Name ?

Answer 1

Si vous utilisez la méthode contents(), elle renverra également des nœuds de texte. Étant donné que jQuery n'a pas de méthodes de nœud de texte, convertissez le dernier nœud en un nœud DOM

$('label[for="user_name"]').contents().last()[0].textContent='Titre';

Demo: http://jsfiddle.net/yPAST/1/

Answer 2

Désolé pour cette réponse tardive... Mais voici une manière de le faire en utilisant uniquement jQuery :

$('label').contents().last().replaceWith('Titre');

Answer 3

Ce n'est peut-être pas la manière la plus jolie, mais cela fonctionne :

var $label = $('label[for=user_name]');
$label.html($label.html().replace("Name", "Title"));

Answer 4

Vous pouvez sélectionner uniquement l'élément abbr, le stocker, puis remplacer tout le contenu par l'élément stocké plus la légende modifiée :

​$('label[for="user_name"]').each(function(){
   var a = $(this).children('abbr');
   $(this).html(a).append('Titre');
});

Consultez ce exemple​

Answer 5

Vous pouvez utiliser replace pour accomplir ceci

  var html = $('label[for=user_name]').html().replace('Name','Testing');
  $('label[for=user_name]').html(html);

vérifiez-le : http://jsfiddle.net/DyzMJ/