jQuery の .text や .html は動作としては、.val と同じですが、.text も .html も 開始タグから終了タグまでの内容を取りだしたり設定したりします。 ただ、それぞれ用途が違うので注意が必要ですが、text('値') で、HTML 上で表示したい HTML のコードを設定して、.html() で取り出すと、文字列としては特殊文字として取得 する事ができます。 ですから、それを再度 .text('値') で設定すれば、HTMLエンティティを表示する事ができ ます ※ 逆に、.html('値') で HTML のソースコードを設定して、.text() で取り出すと、HTML ※ 部分が取り除かれた文字列になります。
<script type="text/javascript"> // < > & を < > & に変換 function action3() { $('#cnv').text('<b>強調</b> a <= 1 &&'); $('#result').val( $('#cnv').html() ); // textarea は、val でも text でも良い。 // $('#result').text( $('#cnv').html() ); } </script> <input type="button" value="実行" onclick='action3();' /> <br /> <div id="cnv" style='display:none'></div> <textarea id="result" style='width:300px;height:100px;'></textarea> <input type='button' value='BODY文字列を取得' onclick='alert($("body").text());'/>
|
【メソッド:jQueryの最新記事】
- jQuery の nextAll と prevAll で、テーブル行の任意のセルをクリックしてその行の全ての TD 内のデータを取得する
- jQuery で要素の作成や移動を行う、append、prepend、after、before で TABLE 要素内の行を扱うサンプル
- jQuery の .contents と .children の違い
- jQuery の .children で、直近の子要素のみを選択して処理する
- jQuery の .filter と .end で同じ集合に対して何度も色々な設定を行う
- jQuery で全て動的に PRE(親)要素の中にアンカー(リンク)を作成して行く処理 : $("<a></a>")
- jQuery の trigger メソッドは、一括で既存の jQuery イベントを呼び出し、その時追加のパラメータを渡す事ができます
- JavaScript と jQuery : 位置関係から id の無い要素の参照を取得
- JavaScript DOMとjQuery : 同一階層(または下の階層)の要素を親経由で参照する
- jQuery の .val() と .val('値') と一括変更用の .val(関数)
- $.extend メソッドで jQuery の中に処理を書いて、その中で使ったデータをグローバルで使えるようにする
- jQuery のイベント名によるイベント登録の中身
- jQuery の each メソッドの『秘密の使い方』
- jQuery : animation メソッド