Javascript jquery切换追加删除

这是一个带有子菜单的菜单。我需要的是，当我点击子菜单项，子菜单文本切换旁边的菜单项“每天”。如下图所示

（函数（$）{
$（“.menu.sub-menu li a”）。每个（函数（）{
var dayName=$（this.text（）；
$（此）。在（“单击”，函数（）上）{
$（this）.最近的（“.menu”）.children（“li”）.children（“a”）.append（“”+dayName+“”）；
});
});
})（jQuery）
ul{
保证金：0；
填充：0；
列表样式：无；
}
a{
文字装饰：无；
}
.菜单>李{
位置：相对位置；
}
.菜单>李>a{
背景色：#eee；
颜色：#333；
显示：内联块；
填充：10px 20px；
}
.menu li：悬停>.sub菜单{
不透明度：1；
能见度：可见；
}
.菜单.子菜单{
位置：绝对位置；
左：0；
背景色：#fff；
盒影：0px2px1pRGBA（0,0,0,0.2）；
最小宽度：200px；
不透明度：0；
可见性：隐藏；
转换：所有0.3秒到0秒；
}
.菜单.子菜单李{
}
.菜单.子菜单李a{
颜色：#777；
显示：块；
填充物：5px10px；
}













检查此项

更改JS如下，并将schedule类添加到“Daily”锚中

看看这个

更改JS如下，并将schedule类添加到“Daily”锚中

您可以将Javascript和jQuery的-&方法用于以下事件：

看

或参阅下面的代码片段：


$（函数（）{
$（'.menu.sub-menu li a'）。在（'click'，函数（e）上{
$（this.toggleClass（'selected'）；
var txt=$（'#title'）.text（）；
var total_len=$（'.menu.sub menu li'）.length；
var计数=0；
var值=[]；
$（'.menu.sub-menu li a.selected'）。每个（功能（i）{
value.push（$（this.text（））；
计数++；
});
如果（计数==总长度）{
txt=“每天”；
}否则{
txt=“Every”+values.join（'，'）；
}
$（'#title'）。文本（txt）；
});
})
ul{
保证金：0；
填充：0；
列表样式：无；
}
a{
文字装饰：无；
}
.菜单>李{
位置：相对位置；
}
.菜单>李>a{
背景色：#eee；
颜色：#333；
显示：内联块；
填充：10px 20px；
}
.menu li：悬停>.sub菜单{
不透明度：1；
能见度：可见；
}
.菜单.子菜单{
位置：绝对位置；
左：0；
背景色：#fff；
盒影：0px2px1pRGBA（0,0,0,0.2）；
最小宽度：200px；
不透明度：0；
可见性：隐藏；
转换：所有0.3秒到0秒；
}
.菜单.子菜单李{
}
.菜单.子菜单李a{
颜色：#777；
显示：块；
填充物：5px10px；
}
.菜单.已选择子菜单li a{
颜色：红色；
}













您可以将Javascript和jQuery的-&方法用于以下事件：

看

或参阅下面的代码片段：


$（函数（）{
$（'.menu.sub-menu li a'）。在（'click'，函数（e）上{
$（this.toggleClass（'selected'）；
var txt=$（'#title'）.text（）；
var total_len=$（'.menu.sub menu li'）.length；
var计数=0；
var值=[]；
$（'.menu.sub-menu li a.selected'）。每个（功能（i）{
value.push（$（this.text（））；
计数++；
});
如果（计数==总长度）{
txt=“每天”；
}否则{
txt=“Every”+values.join（'，'）；
}
$（'#title'）。文本（txt）；
});
})
ul{
保证金：0；
填充：0；
列表样式：无；
}
a{
文字装饰：无；
}
.菜单>李{
位置：相对位置；
}
.菜单>李>a{
背景色：#eee；
颜色：#333；
显示：内联块；
填充：10px 20px；
}
.menu li：悬停>.sub菜单{
不透明度：1；
能见度：可见；
}
.菜单.子菜单{
位置：绝对位置；
左：0；
背景色：#fff；
盒影：0px2px1pRGBA（0,0,0,0.2）；
最小宽度：200px；
不透明度：0；
可见性：隐藏；
转换：所有0.3秒到0秒；
}
.菜单.子菜单李{
}
.菜单.子菜单李a{
颜色：#777；
显示：块；
填充物：5px10px；
}
.菜单.已选择子菜单li a{
颜色：红色；
}














（函数（$）{
$（“.menu.sub-menu li a”）。在（“单击”，函数（）上{
var$this=$（this）；
if（此.hasAttribute（“选定数据”））{
$this.removeAttr（“所选数据”）；
}否则{
$this.attr（“所选数据”，“true”）；
}
$this.closest（“.menu”）.find（“>li>a”）.html（fillButton）；
});
函数fillButton（）{
var options=$（this）.next（.sub菜单”）.find（“LIA”）；
if（options.filter（“[选定数据]”）。长度>0）{
if（options.length==options.filter（“[所选数据]”）.length）{
返回“每天”；
}否则{
var html=“Every”；
选项。过滤器（“[选择的数据]”）。每个（函数（i，el）{
html++=（i>0）？“，”+$（el.text（）：$（el.text（）；
});
返回html；
}
}否则{
返回“从不”；
}
}
})（jQuery）
ul{
保证金：0；
填充：0；
列表样式：无；
}
a{
文字装饰：无；
}
a[选定的数据]{
背景：#f0；
}
.菜单>李{
位置：相对位置；
}
.菜单>李>a{
背景色：#eee；
颜色：#333；
显示：内联块；
填充：10px20
(function($) {
  var currentValue = [];

  function renderValue(){
       var content = "Everyday ";

       $('.schedule').text(content + currentValue.join(' '));
  }    

  $(".menu .sub-menu li a").each(function() {
      var dayName = $(this).text();
      $(this).on("click", function() {
          var el = $(this),
            id = el.attr('data-id');

          currentValue[id] = currentValue[id] ? undefined : el.text();
          renderValue();
      });
  });

})(jQuery);