JQuery ınnertext

Question

Im Ben onun çocuklarının metnini almadan iç içe geçmiş bir liste öğesinin metni alacağı nasıl yani merak

Şimdi $ ('# düğüm'). metinle jquery kullanarak

<ul> 
    <li id="node"> 
     I want this 
    <ul> 
     <li> 
      I dont want this 
     </li> 
    </ul> 
    </li> 
</ul> 

() sadece "Ben bunu istiyorum" dizesini istediğim gibi tüm metni alır.

Herhangi bir yardım için teşekkür ederiz.

Şerefe, Chris.

Answer 1

bunun için bir Text Children Plugin var, bu sık sık yapmak isteyeceğiniz şey buysa. Çıkış için de birkaç seçenek sunuyor.

Answer 2

şu sana bir düğümün direkt çocuklardır tüm metin düğümlerin bir birleştirilmiş dizesi alacak:

function getChildText(node) { 
    var text = ""; 
    for (var child = node.firstChild; !!child; child = child.nextSibling) { 
    if (child.nodeType === 3) { 
     text += child.nodeValue; 
    } 
    } 
    return text; 
} 

alert(getChildText(document.getElementById("node"))); 

Answer 3

Tim'in çözümü işe yarayacak. İşaretlemeniz hep bu biçimde sabit ve yalnızca alt öğe metin yukarı o ilk streç okumak gerekir ise, hatta sadece birlikte kaçmak:

node.firstChild.data 

Answer 4

Bu örnek bütün çocukları almak için .contents() kullanır düğümler (metin düğümleri dahil), daha sonra nodeType temel alınarak her alt düğümün bir dizeye dönüştürülmesi için .map() kullanır. Düğüm bir metin düğümüyse (yani, <li> içinde olmayan metin), nodeValue.

Bu, jQuery kümesini içeren dizeleri döndürür, böylece numaralı telefonu arayabileceğimiz 'standart' dizi nesnesini almak için .get()'u ararız. Ayrıca eklemek isteyebilirsiniz

$.fn.directText = function(settings) { 
    settings = $.extend({},$.fn.directText.defaults, settings); 
    return this.contents().map(function() { 
    if (this.nodeType != 3) return undefined; // remove non-text nodes 
    var value = this.nodeValue; 
    if (settings.trim) value = $.trim(value); 
    if (!value.length) return undefined; // remove zero-length text nodes 
    return value; 
    }).get().join(settings.joinText); 
}; 

$.fn.directText.defaults = { 
    trim: true, 
    joinText: '' 
};