• このエントリーをはてなブックマークに追加
jQueryでボタンを押すたびにHTMLを追記する
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

jQueryでボタンを押すたびにHTMLを追記する

2013-03-12 10:52
    <script type="text/javascript">
    $(function(){
      $("button").click(function(){
        $(".tokyo").after("<span>東京です。</span>");  
      })
    });
    </script>

    <p>ボタンを押すと、HTMLが追加されます。</p>
    <button>ここをクリック</button>
    <div class="tokyo"></div>

    ボタンを押すタイミングで、イベントが発生し、
    jQueryにて、.after が動作する。その結果、div に 東京です。
    が追加される。

    なお、この処理では、ボタンを押すたびに、どんどん
    東京です。
    が連続して追記されていく。

    サンプルソース

    チャンネル会員ならもっと楽しめる!
    • 会員限定の新着記事が読み放題!※1
    • 動画や生放送などの追加コンテンツが見放題!※2
      • ※1、入会月以降の記事が対象になります。
      • ※2、チャンネルによって、見放題になるコンテンツは異なります。
    ブログイメージ
    東京ウェブ制作ブロマガ
    更新頻度: 不定期
    最終更新日:
    チャンネル月額: ¥550 (税込)

    チャンネルに入会して購読

    コメントを書く
    コメントをするにはログインして下さい。