通过拥有列表ID，只有id隐藏不完整的li

Question

我有以下HTML，并希望使用输入

来隐藏列表<li>

Demo

隐藏输入时，甚至应该隐藏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

here是您问题的解决方案

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