パソコンの小技・備忘録


トップページ > 小技一覧(ホームページ) > JQueryの機能で、特定のタグに文字列を追記する。

JQueryの機能で、特定のタグに文字列を追記する。

JQueryの機能で、特定のタグに文字列を追記する方法です。

以下の方法で、idが「test」であるDIVタグの中に文字列を追記することができます。
単純な表示と異なり、元から書いてある文字列は活かしたまま、追記することができるのがポイントです。

■サンプル
  サンプルを実行する場合は、こちらをクリック

<html>

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  <script type="text/javascript">
    $(function() {
      var strTest;       strTest = $("#test").text();       $("#test").text(strTest +         "【ここから追記分】テスト文字列を表示しています。");
    });
  </script>
</head>

<body>
  <div id="test">この文章の後ろに文字列を追記します。</div>
</body>

</html>


以上の記述で、JQueryの機能を活用した文字列の追加ができます。

トップページに戻る

パソコンの小技・備忘録トップページ(http://pckowaza.web.fc2.com/)を表示

※更新履歴などを掲載していますので、お気に入りはぜひトップページでお願いします!

サイト内検索

 Googleでサイト内検索

小技カテゴリー

カウンタ

メール送信

 ご意見・相互リンク募集中!
意見・相互リンクメールを送信!
inserted by FC2 system