jQuery

text（）

は、すべての一致した要素の内容を取得するために使用されます。

text（ ‘new text’）

は、すべての一致した要素のテキスト内容を置き換えるか、または設定するために使用されます。

例えば、 

<div class="TClass">TEXT 1</div>
<div class="Tlass">TEXT 2</div>

1. $（ ‘. TClass’）. text（）

これは、一致する要素のすべての内容を組み合わせ、 ”

TEXT 1 TEXT 2

“を返します。 html（）とは異なり、最初の要素の内容のみを取得します。

2. $（ ‘. TClass’）. text（ ‘

これは新しいテキストです

‘）

すべてのhtmlタグ** <と>は 

<div class="AClass"><b>This is new text</b></div>
<div class="AClass"><b>This is new text</b></div>

jQuery text（）の例

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<style type="text/css">
    .textClass{
        padding:8px;
        border:1px solid blue;
        margin-bottom:8px;
    }
</style>

</head>
<body>
  <h1>jQuery text() example</h1>

  <div class="textClass">Text ABC ....</div>

  <div class="textClass">Text ABC 2....</div>

  <p>
  <button id="getText">text()</button>
  <button id="setText">text('xxx')</button>
  <button id="reset">reset</button>
  </p>
<script type="text/javascript">

    $("#getText").click(function () {

      alert($('.textClass').text());

    });

    $("#setText").click(function () {

      $('.textClass').text('<b>This is a new text</b>');

    });

    $("#reset").click(function () {
      location.reload();
    });

</script>
</body>
</html>

リンク://wp-content/uploads/jQuery/jQuery-text-example.html[デモを試してください]


jquery


jquery
操作