如何在jQuery中進行對齊（文本無法在時間前顯示）

Question

我正在使用web服務工作，實際上我面臨着一個問題，即我的web服務文本沒有顯示在時間前面。我需要在時間前顯示文字。

我喜歡那樣。

<div data-role="content" data-theme="d"> 
    <div class="container"> 
     <div id="timeID" class ="left"> 
     </div> 
     <div id="realTimeContents" class = "right realtimeContend_h"> 
     </div> 
     <div class="cursor" style="font-size:23px;">|</div> 
    </div> 
</div> 

function nativePluginResultHandler (result) 
{ 
    var currentTime = new Date() 
    var hours = currentTime.getHours() 
    var minutes = currentTime.getMinutes() 

    if (minutes < 10) 
     minutes = "0" + minutes 

    $('#timeID').append("<b>" + hours + ":" + minutes + " " + "</b>"); 
    $('#realTimeContents').prepend('<p>'+result+'</p>'); 
} 

我的輸出看起來像這樣..

但我需要這樣。

6:30 Demo file not found 
6:30 . 
6:30 it 
6:30 ic 
6:31 ic 
6:31 hi UI 

Answer 1

據我瞭解，你想你的輸出看起來像：

6:30 Demo file not fount

但是，你有你的填充兩個單獨的div。一個你正在填補的時間。另一個你正在填充結果。

如果你需要這兩個爲什麼你不能追加這個？

$('#timeID').append("<b>" + hours + ":" + minutes + " " + "</b> " + result + "<br/>");

爲什麼有兩個單獨的div如果你想要的時間和在同一行的結果呢？

也許我誤解了你的問題。

UPDATE：由於結果中包含換行，你想的時候旁邊的每一個新行試試這個：

var lines = result.split('<br/>');

$.each(lines, function(){ 
    var text = "<span style='margin-left: 10px;'>" + this + "</span>"; 
    $('#timeID').append("<b>" + hours + ":" + minutes + " " + "</b> " + text + "<br/>"); 
}); 

請注意，這個分裂的具體<br/>如果返回的結果具有與<br>看起來不一樣的換行符，您將需要更改拆分。