javascript - Bootstrap 根据在第一个下拉列表中点击的 li 显示/隐藏 li 元素

Question

我正在尝试显示 li基于 li 的第二个 Bootstrap 下拉列表中具有特定类别的元素在第一个下拉列表中选择的元素。

$(document).ready(function() {     
    $('#mapContent').hide(); 
    $('#mapCat').click(function(){
        $("#mapContent").show();
        $("#mapContent ul li .show1").hide();
    });
})

问题是第二个 ul 在点击时显示，但所有 <li>显示的元素不只是 <li>类 'show1'仅点击 <li class="show1"><a href="1">University X</a></li>应该隐藏在第二个下拉列表中。

Here is my fiddle

Answer 1

你有一个空格 li .show1 告诉 jquery 搜索 li 的 child ，但你想要 li，删除它以获得 li 的 child

$("#mapContent ul li.show1").hide();