jQueryの$.loadでHTMLのタグを指定して読み込んで表示する

前に書いた記事に続き、jQueryのloadを使いHTMLファイルにある特定のタグを読み込んで表示するプログラムです。

test.html(読み込むHTMLファイル)

<h1>Test</h1>
<p>テストです</p>

load.html

load.htmlファイルの.load(‘test.html p’)と設定してtest.htmlのpタグを取得して、div#contentに「テストです」と表示されます。

<script type="text/javascript">
$(function() {
   $('#content').load('test.html p');
});
</script>

div#contentに結果が表示されます。

<div id="content"></div>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です