ベストセラー人気 WordPress テーマTop 30 詳細

jQueryを使用して、特定のコンテンツを追加する

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

.append()メソッド(method)を使用すると、各要素の最後の子(last child)の項目で指定されたコンテンツを追加して .prepend()メソッドを使用すると、最初の子項目(first child)の項目に追加します。

たとえば、次のようなHTMLがある場合:

<div class="container">
<div class="inner">안녕하세요.</div>
<div class="inner">안녕히 계세요.</div>
</div>

次のようなjQueryを使用して、複数の各要素にコンテンツを追加することができます:

$( ".inner" ).append( "<p>테스트</p>" );

これにより、次のように指定されたコンテンツが追加されます。

<div class="container">
<div class="inner">
안녕하세요.
<p>테스트</p>
</div>
<div class="inner">
안녕히 계세요.
<p>테스트</p>
</div>
</div>

次のような方法で、複雑なHTMLタグを追加することができます。

var html = '<blockquote class="col-sm-9">';
html += '<p class="lead">Lorem Ipsum</p>';
html += '<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite></footer>';
html += '</blockquote>'
$( ".inner" ).append( html );
// Reference: stackoverflow

このWebページで、さまざまな例を見ることができます。

メモ:



コメントを残す

コメント