在ul list jquery中找到每个div

Question

我有一个模态弹出窗口,它有不同的div用于不同的消息,现在我想隐藏每个div并显示我需要显示的那个.而不是写出每个div id并将其设置为隐藏我想做一个循环所以我把我的div放在UL列表中.但我似乎无法弄清楚如何隐藏UL列表中的div.

$("#panels li").each(function (i) {
        $('div').toggle();
    });

<ul id="panels">
        <li><div id="dvError" class="hiddencol">this is div 1</div></li>
        <li><div id="dvconfirm" class="hiddencol">this is div 2</div></li>
</ul>

由于某种原因,当我这样做它隐藏它们但它隐藏在我的页面上的每个div :(

Answer 1

你可以这样做

$("#panels").find('div').toggle();

要么

$("#panels div").toggle();

或者如果你想保持你的循环

$("#panels li").each(function (i) {
    $(this).find('div').toggle();
});

$('div').toggle(); < - 这将切换页面上的每个div