Question

我在这里有一个我工作的网站，我尝试过类似的东西：

$(".camera").parent().hide(); 
$(".treicamere").parent().hide();

仅显示有2个房间的公寓。我知道这不是最好的方法，所以我想知道是否有更好的方法对它们进行排序。网站是在Wordpress中制作的，并且是一个链接。您可以检查元素以检查格式：

http://www.sudpark.ro/apartamente/disponibilitate/

Answer 1

这将是令人讨厌的。你准备好了吗？：）

首先，给每个p - 您使用的按钮 - 同一个类，例如p_camera。然后为它们添加一个自定义attr以获取它们的索引，如：data-index="1"。之后你就开始了。这是您的click过滤功能。

$("p.p_camera").on("click", function(){
   $("#my-table tr").not(".cf").not(":has(td[colspan=10])").hide()
                    .find("td:eq(1):contains('"+ $(this).attr("data-index") +"')").parent().show();
});

<强> FIDDLE

如果你有什么不明白的话，我可以解释一下

Answer 2

由于这是一个Wordpress站点，您可以考虑使用一个完全相同的表插件，例如Tabulizer for Wordpress，它允许您根据列值过滤表行。您可以在特定列上添加搜索过滤器，使用不同类型的搜索过滤器（输入框，选择框）和搜索方法（包含，完全匹配，以数字范围等开头）这里有一些想法：

为房间数创建列过滤器。访客会从下拉列表中选择所需的房间数（Nr.Camere）。与阳台数量相同。
为平方米创建列过滤器。游客可以找到所有超过50平方米，不到100平方米或50至100平方米的公寓。

您还可以将过滤与排序控件结合使用。这是一个演示http://www.tabulizer.com/index.php/support-menu/tabulizer-tips/63-sort-second-row

使用js过滤表的最简单方法

2 个答案: