Q

如何獲得空白使用jQuery的html的（）或的.text（）

jquery
html

2011-11-18 57 views 4 likes

4

我有以下HTML：如何獲得空白使用jQuery的html的（）或的.text（）

<div> </span> 
<span> </span>

我怎樣才能得到一個.innerHTML（或.innerText），包括原來的空白？我試過jQuery的.html()和.text()，但它們返回一個空字符串。

2011-11-18 WHITECOLOR

+0

你使用什麼瀏覽器？這在FF7上工作正常。 –

A

回答

3

你需要使用.contents（）則獲得的nodeValue ... 這樣的事情，

$('span').contents()[0].nodeValue

這裏有一個fiddle

2011-11-18 03:51:40 Reigel

+0

謝謝=）全部.. – WHITECOLOR

5

請記住，HTML會忽略連續的空格。所以如果你有超過1個，它不會出現。如果jQuery的.html（）方法不爲你工作（也許他們裏面修剪），你也可以只在同樣的內部HTML直接

在HTML

alert($('#div').get(0).innerHTML)

2011-11-18 03:33:00 JohnP

+0

現在最新的瀏覽器不支持innerHTML ... Firefox5不允許使用innerHTML – Varun

+4

所有瀏覽器都支持innerHTML，我不認爲你的陳述是真實的。 –

+0

我相信你錯了。 jQuery在內部使用innerHTML，它是DOM的一部分。如果你在瀏覽器中運行這個例子，你會看到它的工作原理：http://jsfiddle.net/TP7yU/（在FF7上試過） – JohnP

0

空的空白時間超過一個空間，像對待空字符串 - 沒有數據。我認爲你將需要使用& nbsp;實現你的目標。

2011-11-18 03:33:53

0

HTML是白色空間不敏感。是否將它封裝在前置塊工作？

<pre>  </pre>

2011-11-18 03:37:46

0

我嘗試使用下面的代碼，並將其工程─我可以看到在輸入框中

<script> 
$(document).ready(function() { 
    // Handler for .ready() called. 
    alert($(".d").text()); 
    $("#a").val($(".d").text()); 
}); 

</script> 


</head> 
<body> 
<div class="d"> </span> 
<span class="c"> </span> 
<input id="a"/>

2011-11-18 03:40:27 Varun

0

您可以使用您需要的每個空間，非打破空間的HTML實體添加一個空格。

&nbsp;

更多的HTML實體 - http://www.w3schools.com/html/html_entities.asp

2011-11-18 03:40:35

相關問題