javascript - 使用 select 显示和隐藏多个 div

Question

我需要根据选择控件显示和隐藏 li 项目。

我现在使用 jQuery 来隐藏和显示选项值，但如果没有列表项，我还需要隐藏 H1 标记。

此外，所有选项都需要特别显示一个 div。

我知道我需要做一个 .each 声明，但我不确定如何做。

HTML

Javascript

$(document).ready(function(){
    $("#selectForm").change(function(event) {
        var class1= "."+this.value;
        $(".content-list li").filter(":not('"+class1+"')").hide();
        $(class1).fadeIn("slow", "linear");     
    });
});

Answer 1

我相信以下应该有效：

$("#selectForm").change(function(event) {
    $(".all").hide();
    $("." + this.value).fadeIn("slow");
});

Answer 2

如果我正确猜到了您的问题，这里是工作示例 http://jsfiddle.net/V5dQH/

我添加了以下代码

      if( $(class1).length == 0)
      {
      $(".language-list h1").hide();
      }
      else
      {
           $(".language-list h1").show();
      }