Kozackman Lab

テキストの変更と取得｜text()

HTML要素に含まれるテキストをjQueryで変更または、取得するにはtext()という命令を使う。

テキストの変更

text()を使ってテキストを変更するには、text(…)の内側に変更後のテキストを記述する。
テキストは“（ダブルクォーテーション）で包む必要がある。

<script type="text/javascript">
   $(function(){
      $("p#first").text("変更後");
   });
</script>

   <p id="first">変更前</p>

セレクターで指定した要素(id属性がfirstのp要素)が下記のように「変更後」というテキストに変わる。

変更前

テキストの取得

text()の括弧内に何も記述しない場合は、セレクターで指定した要素に含まれるテキストを取得する。

$("p#first").text();

上のスクリプトでは、id属性に「first」が設定されているp要素のテキストを取得できる。

テキストを変更する命令と組み合わせて使い、
特定の要素に含まれるテキストを読み込んで別の要素に書き込んでいく。

<script type="text/javascript">
$("p#second").text($("p#first").text());
</script>

<p id="first">取得する文字列</p>
<p id="second">変更前</p>

2012/09/12　7:59 PM｜ カテゴリー ： jQuery｜ コメント