Question

我正在为产品开发目录页面。每个产品都有一个具有id的特定div元素。例如：

<div id="2354234" class="product">Here is name, image and description of the product</div>
<div id="2354235" class="product">Here is name, image and description of the product</div>
<div id="2354236" class="product">Here is name, image and description of the product</div>
<div id="2354237" class="product">Here is name, image and description of the product</div>
<div id="2354238" class="product">Here is name, image and description of the product</div>
<div id="2354239" class="product">Here is name, image and description of the product</div>
<div id="2354240" class="product">Here is name, image and description of the product</div>
<div id="2354241" class="product">Here is name, image and description of the product</div>
<div id="2354242" class="product">Here is name, image and description of the product</div>
<div id="2354243" class="product">Here is name, image and description of the product</div>

这些产品加载了PHP，从MySQL数据库中获取它们。在页面的最后我有分页。每页仅显示10个产品。所有产品都是300，所以我有30页，每页有10个产品。

当用户实时点击按钮而不重新加载以隐藏除6之外的所有其他元素（例如使用特定ID）时，如何更新页面。

你能帮我解决一下吗？我可以用jQuery和PHP很好地工作，所以我需要一个如何完成这件事的建议。

提前致谢！

Answer 1

使用CSS attribute selector应该这样做：

$('div[id]').not('#2354234,#2354235,#2354236').hide();

jQuery / JavaScript - 使用ID隐藏所有元素并保留所有其他元素

1 个答案: