jQueryでテキストを取得する方法【現役エンジニアが解説】

PROGRAM

今回は、jQueryでテキストを取得する方法について、簡単に解説していきます。

テキストの取得

jQueryでのテキスト操作は簡単です。

textメソッドを使うと、要素のテキストが取得できます。

$('#hoge').text();

上記のコードでは、hogeのidの要素のテキストを取得します。

テキストの書き換え

テキストの書き換えにもtextメソッドを使います。

書き換えの場合には、引数に書き換え後の文字列を指定します。

$('#hoge').text('ほげ書き換え');

上記の例では、hogeというidを持つ要素のテキストを書き換えます。

参考:HTMLの取得や書き換え

テキストではなくHTMLとして扱うことも可能です。

$('#hoge').html();

上記のように、htmlメソッドで要素内のHTMLを取得することができます。

$('#hoge').html('<p>ほげ書き換え</p>');

また、上記のコードの例のように、htmlメソッドの引数に書き換え後のHTMLを指定することでHTMLを書き変えることも可能です。