如何从菜单中强制 li 显示/隐藏另一个 div 的元素

Question

我应该怎么做才能强制li元素显示/隐藏另一个div的元素？我以为我可以使用 each（） 做到这一点，但这是一个好方法吗？谢谢！

 const menu = $('.menu_list li');
 const pages =$('.pages').children();
 menu.each(function( index ) {
   $(this).on('click', () =>{
     pages[i].addClass('show');
   });
 })

jsfiddle.net

Answer 1

您可以使用 .index（） 方法返回当前项的索引并切换菜单项显示

$('.menu_list li').on('click', function(){
   // if you want to show only one a time
   $('.pages').removeClass('show');
   //
   $('.pages').eq($(this).index()).addClass('show');
 });

希望有所帮助

在JSFIDDLE下面https://jsfiddle.net/2y1mm0bs/