javascript - 在不刷新页面的情况下更新 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);