• このエントリーをはてなブックマークに追加
jQueryでHTMLを追加する(リンク付きダブルクォート含む)
閉じる
閉じる

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

×

jQueryでHTMLを追加する(リンク付きダブルクォート含む)

2013-03-11 21:51
    <script type="text/javascript">
    $(function(){
      $(".onamae").after("<span>ケン<a href=\"#\">イチ</a>ロウ</span>");
    });
    </script>

    <span class="onamae">大和</span>

    jQueryの.afterで追加するHTMLソースコードは、""で囲む必要がある。
    しかし、ソースコード自体に " が含まれる場合は、直前に \ をつけて
    エスケープしなければならないので注意。

    ブラウザには
    大和ケンイチロウ
    と表示される。

    イチ
    の部分だけがリンクになる。

    サンプルソース

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

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

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