Javascript jQuery在多个列表中有一个按钮隐藏/显示项

我正在尝试为我的网店过滤器制作一个按钮。一个过滤器中有多个“类别”。一个类别显示的项目不会超过5项，无论有多少项

我需要的按钮将允许用户显示超过默认的每个类别5个项目。换句话说，如果给定类别中有7个项目，则仅显示5个项目。剩下的2个将被隐藏。单击按钮时，将显示所有7项

我尝试过这样做，但当我按下按钮时，它也会显示其他类别的项目

var count=$（'.block-layered-nav.block-content-dl-dd-ul-li'）。长度；
如果（计数>5）{
$（'.showmore'）.show（）；
$（'.block-layered-nav.block-content-dl-dd-ul-li:gt（4）'）.hide（）；
}否则{
$（'.showmore'）.hide（）；
}
$（'.showmore'）。在（'click'，函数（e）{
$（“.block layered nav.block content dl dd ul li:gt（4）”）.toggle（）.parent（）；
警报（myparent（“li”）；
});

沃特

Moi1
Moi2
Moi3
Moi3
Moi3
Moi3

Laat meer zien
Uitstraling

Moi4
Moi5

Laat meer zien
龟头

Moi6
Moi7

Laat meer zien
这里的荷兰人同胞，正在用木头做什么？哈哈

问题在于：您正在计算所有
ul
中的所有
li
，并将它们相加到一个变量
count
。您需要做的是，对于每个
ul
计算其中有多少
li
，如果超过5个，只需在该
ul
下添加一个
show more
按钮（现在，如果其中一个列表包含5个或更多项，您将在所有位置添加show more按钮）。我帮你修改了密码。希望有帮助

Veel成功了verder！：-）


$（'.block layered nav.block content dl dd ul'）。每个（函数（）{
变量计数=$（this）.children（'li'）.length；
如果（计数>5）{
$（this.next（'.showmore'）.show（）；
$（this.find（'li:gt（4）'）.hide（）；
}否则{
$（this.next（'.showmore'）.hide（）；
}
}); 
$（'.showmore'）。在（'click'，函数（e）{
$（this）.sides（“ul”）.children（'li:gt（4））.toggle（）.parent（）；
});

沃特

Moi1
Moi2
Moi3
Moi3
Moi3
Moi3

Laat meer zien
Uitstraling

Moi4
Moi5

Laat meer zien
龟头

Moi6
Moi7

Laat meer zien
<代码> > P> >我会考虑这一点：

$('.showmore').each(function() { 
  var $parent = $(this).closest("dd"),
         $lis = $parent.find("li"),
         len  = $lis.length;
  $parent.find("li:gt(4)").hide(); // or something cleverer perhaps using eq
  $(this).toggle(len);
}).on("click",function() { 
  $(this).siblings("ul").children('li:gt(4)').toggle();
});

使用此上下文引用当前单击项请根据控制台修复代码错误现在我为您制作了一个片段修复了错误尝试此U字bedankt！哈哈