Question

尝试创建一个动态类过滤器，用于检查下拉列表（选择选项值）和div id的值。如果它们相等则只显示具有等于值和div的div。

我的代码现在在这里，但不起作用。问题是$（“。mix”）。id（）; ）我相信

    <script>
    $('select').change(function(){

      if($("select").val() == 'everything' ){ 
        $('.mix').show();
      }
      $( ".container>.mix").each(function(){

          if($("select").val() == $(".mix").id(); ){ 
            $('.mix').hide();
            $(".mix").id().show();
          }

      });

     });
</script>

Answer 1

替换

 $(".mix").id();

到

$(".mix").attr("id");


if($("select").val() == $(".mix").attr("id")){ 
            $('.mix').hide();
            $(".mix").attr("id").show();
          }

Answer 2

嗯......以下示例使用的是一个ID，但不包含上述代码...请参阅：http://tomesen.testout.nl/referenties/

$('#filter').change(function () {
            if ($('#filter option:selected').text() == "Alle referenties"){
                    $( ".mix" ).show( "slow");
            }
            else if ($('#filter option:selected').text() == "CA"){
                    $( ".mix" ).hide();
                    $( "#CA" ).show( "slow" );
            }        
        });

如果选择值等于div id函数动态怎么做？

2 个答案: