javascript - jQuery .load 从另一个页面加载 div 的一些内容

Question

我想创建一个基于用户交互的模块，将使用该jquery.load方法显示产品类别中的产品。

我可以让目标 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——这可能吗？

Answer 1

我建议更改要使用的代码ajax，然后在回调中自己处理响应。像这样的东西：

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