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();
      }

使用select来显示和隐藏多个div

2 个答案: