何でもありの、ごちゃまぜブログ。

jQueryの「textメソッド」と「htmlメソッド」の取得時の違い

2013.07.01

jQueryの「textメソッド」と「htmlメソッド」の取得時の違い はコメントを受け付けていません。

jQueryの「textメソッド」と「htmlメソッド」の取得時の違いがわかったので記録。

まず書式を確認。

書式の確認

$(‘セレクタ’).text(); //textメソッド
$(‘セレクタ’).html(); //htmlメソッド

このように、書式そのものはまったく同じ。
ただ、取得する内容がことなる。

textメソッドは、指定した要素の内容をすべて取得するわけではない。要素の内容のhtml以外の純粋なテキスト部分のみを取得する。

一方、htmlメソッドは、指定した要素の内容をすべて取得する。

サンプル

【jQuery】
同じ要素の内容を取得する。

$(function() {
  alert($('p').text());
  alert($('p').html());
});

【html】

  <p><a href="http://www.google.co.jp">Google</a></p>

【結果】
結果は以下のとおり。textメソッドはaタグを除いた部分のみを取得し、htmlタグはaタグを含むp要素の内容すべてを取得する。

textメソッドで取得した場合

htmlメソッドで取得した場合

関連記事

コメントは利用できません。