JS / jQuery同时进行多个类别切换(+/-),以及单个类别(+/-)的单独切换

时间:2015-11-17 13:41:03

标签: javascript jquery

我在这里遇到一些js / jQuery编码很难... 我通过一个按钮一次性将所有类别设为toogle,并且还将它们分别设为。

但是我确实遇到了+/-图标的问题,它就像是一个用户界面,表示类似它已关闭或打开的类别。 如果我单独访问每个功能没有问题,但如果我混合使用功能,例如它会说它关闭的类别(显示无)和我有( - 这是折叠)而不是(+即展开)

这是我的代码:

public class MyViewModel
{
    public List<string>   MyStrings { get; set; }
    public List<DateTime> MyDates   { get; set; }
}

foreach (string s in model.MyStrings)
{
}

foreach (DateTime d in model.MyDates)
{
}

主猫

我也有个人+/- 以及遍历所有这些的按钮

我可以使用循环或其他东西!

意见可能会有所帮助,所以请... :)

干杯! :d

1 个答案:

答案 0 :(得分:0)

问题出在这里

if ($('.single-category > .inside-cgs_main').hasClass("fa-plus")) {

这个“if”只检查第一个元素。你应该做这样的事情

$('.single-category > .inside-cgs_main').each( fucntion() {
  if ( $( this ).hasClass("fa-plus") ) {
    $( this ).removeClass("fa-plus").addClass("fa-minus");
  } else {
    $( this ).removeClass("fa-minus").addClass("fa-plus");
  }
});

现在你还会遇到另一个问题。这改变了“ - ”中的每个“+”和“+”中的“ - ” 这是你真正想要的吗?只需“反转”“选择”?