2012-05-04 17 views
0

ユーザーのやり取りに基づいて、jquery.loadメソッドを使用して製品カテゴリの製品を表示するモジュールを作成したいとします。jQuery。divの内容のいくつかを別のページからロードする

私はターゲットのdivを製品ページの製品リスト全体の内容をロードさせることができますが、遠隔(いわば)divの子要素の数を例えば8に制限する方法がありますか?簡単に言えば

<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery(".cat1").click(function() { 
alert('click'); 
jQuery(".loadhere").load("cat1.php #product_list", function() { alert('loaded') } 
); 
}) 
}); 
</script> 

を私はこれがちょうど#product_list内で見つかった最初の8つのdivのをロードしたい - これは可能ですか?

+0

これはコールバック関数で処理しなければならないようです。 Firebugのリクエスト/レスポンスサイクルを確認すると、ページ全体が実際に返され、そのロードによって#product_listが取得されることがわかります。 –

答えて

1

コードを変更してajaxを使用し、自分で応答をコールバックで処理することをお勧めします。このようなもの:

$(data).find("#product_list .product").slice(0,9).appendTo(".loadhere"); 
+0

提案をいただきありがとうございます。本当のアヤックスは私には少し怖いですが、悪いです。私はまだそれを行うjquery方法はありません驚いている。私は目標ページ上の別のdivに最初の8レコードをラップすることができます。 –

関連する問題