jQuery .text() बराबर धर्मान्तरित कि <br> टैग खाली स्थान के लिए

Question

यह एक jQuery चयन से पाठ प्राप्त करने के लिए तुच्छ है:

<span id="foo">hello world</span> 

$('#foo').text(); 

hello world

लेकिन जब jQuery चयन <br> टैग हैं वे अवधारणात्मक रूप से न्यूलाइन हैं, जो सफेद जगह हैं। दुर्भाग्य से .text() उन्हें पूरी तरह से स्ट्रिप्स:

<span id="foo">hello<br>world</span> 

$('#foo').text(); 

helloworld

मैं कैसे इस तरह के एक अवधि से पाठ निकाल सकते ऐसी है कि वह hello world बजाय में परिणाम है?

बेशक यह एक मामूली उदाहरण है जो समस्या को स्पष्ट रखने के लिए आविष्कार किया गया है। एक वास्तविक उत्तर को ".text() के बराबर" होना चाहिए और पाठ्यक्रम के मनमाने ढंग से HTML को संभालना होगा। यहाँ एक से थोड़ा अधिक मुश्किल उदाहरण है, यह भी बना हुआ: .text()

$('#foo').html(); 

की

<div id="foo"><span class="bar"><em>hello</em><br></span>world</div> 

Answer 1

के रूप में Mims replaceWith() का उपयोग रिक्त स्थान के लिए <br> बदलने के लिए सुझाव देते हैं, लेकिन जैसा कि परिवर्तन करने के लिए नहीं मूल तत्व clone() का उपयोग तत्व का क्लोन बनाने के लिए।

var foo = $("#foo").clone(); 
foo.find("br").replaceWith(" "); 
var text = foo.text(); 

DEMO

Answer 2

उपयोग .html() बजाय या डोम विधि का उपयोग .innerText

$('#foo')[0].innerText ; 

Check Fiddle

Answer 3

आप replaceWith() फ़ंक्शन का उपयोग कर सकते हैं।

$("br").replaceWith(" ");