Cómo cambiar sólo nodo de texto en el elemento

Question

tengo de HTML siguiente:

<label for="user_name"> 
    <abbr title="required">*</abbr> 
    Name 
</label> 

Y quiero cambiar a título de etiqueta Title con jQuery. Así que hago

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

Y es reemplazar todo el HTML interno (con abbr etiqueta)

Por lo tanto, lo que la forma más fácil de reemplazar sólo Name?

Answer 1

Si utiliza contents() método también volverá nodos de texto. Desde jQuery no tiene métodos nodo de texto, convertir último nodo a un nodo DOM

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

Demostración: http://jsfiddle.net/yPAST/1/

Answer 2

Puede seleccionar sólo el elemento abbr, almacenar, y luego vuelva a colocar todo el contenido con el elemento almacenado más el título cambiado:

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

Ver este fiddle

Answer 3

It may not be the prettiest way, but this works:

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

Answer 4

puede utilizar replace lograr esto

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

comprobarlo: http://jsfiddle.net/DyzMJ/

Answer 5

solución Evans añadió a jQuery fn de hacer es usar cómodo:

// get/change node content not children 
jQuery.fn.content = function(n){ 
    var o = $(this).clone(); 
    var c = o.children().remove(); 
    if (typeof n === "string"){ 
     o.html(n); 
     $(this).html(c).append(n); 
    } 
    return o.html(); 
} 

Uso: $('myselector').content('NewContentString');

Answer 6

Disculpa la última respuesta ... Pero he aquí una manera de hacerlo utilizando solo jQuery:

$('label').contents().last().replaceWith("Title"); 

Answer 7

Esta es la solución que funcionó para la mayoría de los navegadores

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

Ésta estuvo cerca, pero no dio problemas en IE8 desde textContent no es compatible

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

Answer 8

si está manipulando más de 1 etiqueta, puede seleccionar cada etiqueta y reemplazar el texto con jquery:

$('label[for="user_name"]').contents().last().replaceWith("Title"); 

y para la segunda etiqueta:

$('label[for="user_lastname"]').contents().last().replaceWith("Title2"); 

y así sucesivamente ...