Javascript 通过使用清单id，只有id隐藏，而不是完全隐藏

我有下面的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();
    }
});

 });

你的问题的解决办法是什么

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

当前：$（“#城市”）.show（）；如前所述：$（'li#city'）.show（）；这就是你说的吗？？