Wie nur Textknoten in Element ändern

Question

ich als nächstes html haben:

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

Und ich will Etikettenbeschriftung zu Title mit Jquery ändern. So mache ich

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

Und sie alle inneren html ersetzen (mit abbr tag)

Also, was ist der einfachste Weg zu ersetzen, nur Name?

Answer 1

Wenn Sie contents() Methode verwenden, wird es auch Textknoten zurück. Da jQuery nicht Textnode Methoden haben, konvertieren letzten Knoten zu einem DOM-Knoten

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

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

Answer 2

Sie können nur das abbr Element auswählen, speichern, und dann mit dem gespeicherten Element und die geänderte Beschriftung den gesamten Inhalt ersetzen:

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

Sehen Sie diese 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

Sie können replace verwenden erreichen dies

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

es überprüfen: http://jsfiddle.net/DyzMJ/

Answer 5

Evans Lösung jquery fn zu machen hinzugefügt komfortabel es ist zu verwenden:

// 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(); 
} 

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

Answer 6

Sorry für die späte Antwort ... Aber hier ist eine Möglichkeit, dies nur mit jQuery:

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

Answer 7

Dies ist die Lösung, die

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

Dieser kam in der Nähe der meisten Browser gearbeitet, aber gab Probleme in IE8, da textcontent nicht

unterstützt wird

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

Answer 8

, wenn Sie mehr manipulieren als 1 Etikett Sie können jedes Etikett auswählen und Text durch jquery ersetzen:

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

und für das zweite Label:

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

und so weiter ...