テキストの取得 text()

jQueryはいろいろな命令でHTMLやCSSを簡単に変更したり追加することが出来ます。

text()という命令を使って、HTML内にあるテキストを取得します。

下記の例では
#firstのID属性の付いたp要素内のテキストを取得し、
#secondのID属性の付いたp要素内のテキストを変更させます。
text()の中に何も記述しないとテキストを取得できます。

■javascript

$(function(){
$("button").click(function(){
$("p#second").text($("p#first").text());
});
});

■HTML


■表示結果

変更前のテキスト

変更後のテキスト

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です