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

innerHTMLjQuery オブジェクトにはプロパティがありませんhtml()。代わりにメソッドを使用してください。

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

Answer 2

.innerHTMLjQuery やjQuery オブジェクトによって抽象化されるプロパティではありません。関数を使用するか、下にあるDOMノード.html()にアクセスする必要があります

$('#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);