更新p文本而不刷新页面

Question

我有一个带有段落的div：

 <div id="id1"><span></span><p id="id-text">Starting text</p></div>

现在，当与服务器（通过ajax）建立联系时，将调用以下函数：

<script type="text/javascript">
var fun = function (serverIsOk) {
        $('#id-text').innerHTML = serverIsOk ? 'Server ok text' : 'Starting text';
        $('#id1').show();           
}; 
</script>

正在调用该函数，但由于某种原因，文本未更新。想法？

Answer 1

jQuery对象中没有innerHTML属性，而是使用html()方法：

$("#id-text").html(serverIsOk ? "Server ok text" : "Starting text");

Answer 2

.innerHTML不是由jQuery或 jQuery对象抽象的属性。您必须使用.html()函数或访问底层 DOM节点，如

$('#id-text')[ 0 ].innerHTML = serverIsOk ? 'Server ok text' : 'Starting text';

或者，使用jQuerys .html()方法，如

$('#id-text').html(serverIsOk ? 'Server ok text' : 'Starting text');

Answer 3

使用

$('#id-text')[0].innerHTML =

或

$('#id-text').html()

Answer 4

使用.text()或.html()，

var response = serverIsOk ? 'Server ok text' : 'Starting text';
$('#id-text').text(response);

或

var response = serverIsOk ? 'Server ok text' : 'Starting text';
$('#id-text').html(response);