javascript - 通过列出 id，只有 id 隐藏而不是完整的 li

Question

<li>我有以下 HTML，并希望通过输入来隐藏列表

演示

在隐藏输入时，甚至li应该隐藏。

请帮助....

$(document).ready(function(){
$('#city').show();
$('#target_school_id').hide();
$('#zip_code').hide();

$("#select_type").change(function() {
    var id = $(this).children(":selected").attr("id");
        //alert('id='+id);
    if (id=="by_location"){
        $('#city').show();
        $('#school_name').show();
        $('#state').show();         
        $('#zip_code').hide();          
    }
    else if(id=="by_zip_code")
    {
        $('#city').hide();
        $('#school_name').hide();
        $('#state').hide();
        $('#target_school_id').hide();
        $('#zip_code').show();
    }
    else if(id=="by_school_id")
    {
        $('#city').hide();
        $('#school_name').show();
        $('#state').hide();
        $('#target_school_id').hide();
        $('#zip_code').hide();
    }
});

 });

Answer 1

这是您问题的解决方案

you just have to hide their parents too.. using .parent()