JQuery: İç içe geçmiş bir etiketden sonra metin nasıl değiştirilir?

Question

Birlikte "elma" adı verilmesi yönündeki jQuery deyimi anlamaya çalışıyorum "turuncu:"

<a id="alvin" href="http://www.camille.com"><ins class="xxx">Anna</ins>apple</a> 

bu kolayca yapılabilir mi?

Answer 1

Geçerli bir kimlik karakteri olmadığından # kimliğinden kaldırdım.

bu deneyin göz önüne alındığında:

Canlı Örnek: Metin düğümlerinin dahil elemanınhttp://jsfiddle.net/u49wy/

var $contents = $('#alvin').contents(); 

$contents[$contents.length - 1].nodeValue = 'orange'; 

.contents() döner tüm alt düğümler.

kod sonra (bir metin düğümü) son eleman düğümü alır ve bir metin düğümü değerini güncellemek nasıl olduğu, onun nodeValue günceller.

• .contents() - http://api.jquery.com/contents

Answer 2

patrick beni alt ama benim çözüm iki tarafında etiketler olsaydı bile, her yerde metni seçin edeceğini biraz daha dinamiktir:

$('#alvin').contents().filter(function() { 
    return this.nodeType == 3; 
})[0].nodeValue = "orange"; 

Bu, yalnızca metin düğümlerinin kalması için içeriği filtreleyerek yapar ve ilk nodeValue'u "turuncu" olarak değiştirir.

http://jsfiddle.net/ssRyB/

Answer 3

id="#alvin" jQuery için veya CSS bir seçicinin parçası olarak kullanılır geçerli söz dizimi, '#' değildir.

Bu çok sınırlı örnek için, "elma" yerine "turuncu" ile değiştirin. Aslında innerHTML'u okurum ve yeniden yazabilirim. Bunun için jQuery kullanmıyorum bile. jQuery başıboş metin düğümlerini seçmek için temiz bir yol olmadığı için

window.onload = function() { 
    var alvin = document.getElementById('alvin') 
    alvin.innerHTML = alvin.innerHTML.replace('apple', 'orange'); 
} 

Hiç jQuery kullandı. Peki ya çocuk metin düğümlerini açıklığa sardıysak? Biz bu yapabilirdi: böyle, ona almak için

<a id="alvin" href="http://www.camille.com"><ins class="xxx">Anna</ins><span>apple</span></a> 

Sonra + bitişik seçiciyi kullanabilirsiniz - ins+span bir anlama gelir: Bu şekilde

$('#alvin').contents().filter(function() { 
    return this.nodeType == 3; 
}).wrap('<span></span>').end(); 

, biz yapıyla bırakılır <span><ins> sonrası:

var elem = $('#alvin ins+span'); 
elem.text(elem.text().replace('apple', 'orange')); 

Answer 4

(gerçi çok güzel değil) bir başka yolu:

$("#alvin").html($("#alvin").html().replace(/apple$/,'orange')); 

Düzenleme: Apple'ın sonunda $ eklendi. Teşekkürler Patrick.