एक तत्व (नहीं अपने बच्चों/वंश के पाठ)

Question

निम्न HTML पर विचार करें का केवल पाठ का चयन करें:

<td> 
    Some Text 
    <table>.....</table> 
</td> 

मैं td तत्व की "कुछ पाठ" पाठ में हेरफेर करने की जरूरत है। मुझे इस td के अंदर तालिका तत्व को स्पर्श नहीं करना चाहिए।

तो, उदाहरण के लिए, शायद मैं सभी "ई" को "@" से बदलना चाहता हूं। मैंने jQuery के .text() और .html() के साथ कुछ दृष्टिकोणों की कोशिश की। मुझे हमेशा बच्चे की मेज के भीतर से कुछ चुनना प्रतीत होता है, जिसे मुझे छूना नहीं चाहिए। इसके अलावा, दुर्भाग्य से, मैं "कुछ पाठ" को एक अवधि या div में लपेट नहीं सकता।

Answer 1

$(function(){ 
    $('td').contents().each(function(){ 
    if(this.nodeType === 3) 
     $(this).replaceWith(this.wholeText.replace(/e/g, '#')); 
    }); 
}); 

या आप सुझाव

$('td').contents().each(function(){ 
    if(this.nodeType === 3) 
    this.data = this.wholeText.replace(/e/g, '#'); 
}); 

.contents() उद्धार सभी तत्वों, textNodes शामिल पसंद है।

Answer 2

आप के लिए कुछ टीडी में पाठ की प्रत्येक टुकड़ा, तुम सिर्फ एक पाश के साथ उन पर पुनरावृति सकता है क्या करना चाहते हैं:

var nodes=tdEl.childNodes; 
for(var i=0; i<nodes.length; ++i){ 
    if(nodes[i].nodeType===3){ // 3 means "text" 
    nodes[i].data = nodes[i].wholeText.replace(/e/g, '@'); 
    } 
} 

मैं समझता हूँ कि आप सही ढंग से क्या देख रहे थे?

यदि आप इसे पहले से ही अन्य सामान के लिए लोड कर रहे हैं तो आप jQuery का उपयोग कर सकते हैं, लेकिन मैं उपरोक्त कोड के छोटे बिट के लिए 24kb लाइब्रेरी में लोड नहीं करूंगा।