sonraki html sahip eleman

Question

tek metin düğümü nasıl değiştirilir:

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

Ve jquery ile Title etiket başlığını değiştirmek istiyorum. Yani yapmam

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

Ve Yani

(abbr etiketiyle) Tüm iç html yerine, sadece Name ne kolay yolu değiştirmek için?

Answer 1

bunu da metin düğümleri dönecektir contents() yöntemi kullanırsanız.

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

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

Answer 2

Sen, yalnızca abbr elemanı seçmek saklayın ve sonra saklanan eleman artı değiştirilmiş başlığı ile tüm içeriği değiştirebilirsiniz: Bu fiddle

Answer 3

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

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

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

Eğer replace kullanabilirsiniz

Answer 4

bu

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

kontrol başarmak: http://jsfiddle.net/DyzMJ/

Answer 5

Evans çözüm jquery fn rahat kullanmak olduğunu yapmak için eklendi: jQuery metin düğümü yöntemleri olmadığından, Demo

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

bir DOM düğümüne son düğümü dönüştürmek Kullanım Şekli: $('myselector').content('NewContentString');

Answer 6

Geç cevap için özür dileriz ... Ama burada sadece jQuery kullanarak yapmanın bir yolu var:

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

Answer 7

BuBu seferki gole çoğu tarayıcı

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

için çalışmış ancak daha manipüle eğer textContent

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

Answer 8

desteklenmez beri ie8 sorunları verdi çözümdür 1 etiketle her etiketi seçebilir ve metni jquery ile değiştirebilirsiniz:

ve ikinci etiket için:

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

ve benzeri ...