為什么我的 <br> 不行 ？

Question

我將PHP數組返回到JQuery調用，以追加到名為“ name-data”的div中。 我希望我的數組垂直列出，所以我在PHP中連接了一個br標簽，但是當它到達HTML頁面時，未渲染br，它只是作為文本出現。 我嘗試了各種形式的br，但都沒有運氣。

我是JQuery的新手-我在做什么錯？ 非常感謝 ！

PHP：

$result = mysqli_query($con,"SELECT FirstName FROM customer limit 5");
while($row = mysqli_fetch_array($result))
 {
echo $row['FirstName']."<br />";
}

jQuery的：

$('input#name-submit').on('click',function(){
var name = $('input#name').val();
if($.trim(name) !=''){
    $.post('search.php',{name:name}, function(data){
    $('div#name-data').text(data);
    });
}
});

的HTML

Name:<input type="text" id="name">
<input type="submit" id="name-submit" value="grab">
<div id="name-data"> </div>

Answer 1

嘗試將.text()替換為.html() 。

$('div#name-data').html(data);

另外，出於對克蘇魯的熱愛，請對您的MySQL查詢進行參數化 。 那是一個SQL注入只是等待發生。

Answer 2

更改：

 $('div#name-data').text(data);

至

$('div#name-data').html(data);

了解有關.text()和.html()

Answer 3

另外，如果<br>是div中的最后一項，則大多數瀏覽器實際上不會顯示中斷。 之后您需要一些東西，例如： <br>&nbsp;