1. ホーム
  2. jquery

[解決済み] jquery を使って div タグの値を設定する

2023-05-13 19:44:23

質問

このようなhtmlのdivタグが定義されています。

<div style="height:100px; width:100px" class="total-title">
    first text
</div>

値を変更するjqueryのコードがあります。

 $('div.total-title').html('test');

しかし、これではdivの中身は変わりません。

どのように解決するのですか?

値が純粋なテキスト('test'など)である場合、text()メソッドも使用できます。

$('div.total-title').text('test');

とにかく、あなたが共有している問題について、DIVのHTMLコードがブラウザに送信される前に、JavaScriptコードを呼び出している可能性があると思います。

$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);

このようにすると、divのHTMLがブラウザによって解析された後にスクリプトが実行されます。