0

我只想显示具有特定控件可用的 div，否则所有其他 div 都被隐藏；

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%= buttonRegister.ClientID %>').click(function (e) {
            e.preventDefault();
            var control = $('#<%= TextBoxDateOfAdmission.ClientID %>');
            var admissionValue = control.val();
            if (admissionValue == '') {
                // hide all the divs
                $(".wizard_menu div.wizard_body").hide();
                // i want to show only the div that has a control with id=TextBoxDateOfAdmission
                $('.wizard_menu div.wizard_body')
                                    .has(control).length ? $(".wizard_menu div.wizard_body").show() : $(".wizard_menu div.wizard_body").hide();
            }
        });
    });
</script>

注意：我无法粘贴我的 html 代码，因为它太长了。我有 5 个 div，class=wizard_menu
我还使用它测试了我的代码，以证明它是否有效

$('.wizard_menu div.wizard_body')
         .has(control).length ? alert("true") : alert("false");

结果是真的；
所以，现在我只想显示其中有一个特定控件（在本例中为 TextBoxDateOfAdmission）的 div
更新：我的代码的结果是它显示了所有扩展的 div。但是，我只想要一个扩展或显示具有特定控件可用的 div

4

1 回答 1

0

我直接使用 .show() 解决了这个问题；

 $('.wizard_menu div.wizard_body')
                .has(control)
                .show();
于 2013-04-08T10:30:53.093 回答