jquery - 使用 jQuery 循环

Question

我有一些 div 的显示和隐藏功能，需要添加更多 div:

    $(document).ready(function() {
    $('[id^=des_]').hide();

    $('.notification, .description span').hover(function() {
        $(this).css('cursor', 'pointer');
    }, function() {
        $(this).css('cursor', 'auto');
    });

    $("#list_01").click(function() {
        $("#des_01").show();
        $("#des_02").hide();

    });

    $("#list_02").click(function() {
        $("#des_02 ").show();
        $('#des_01').hide();
    });

});

如何在打开一个 div 时隐藏所有其他 div？有人可以帮忙吗？

工作示例是 http://jsfiddle.net/tpWEk/

Answer 1

假设您的 div ID 的命名约定都遵循相同的模式，您可以执行类似的操作，这样您就不需要为每个新元素重复代码:

$("div[id^='list_']").click(function() {
    $("div[id^='des_']").hide();
    $(this).next().show();
});

这是一个updated fiddle 。它使用“attribute starts with ”选择器将点击事件处理程序绑定(bind)到 id 以“list_”开头的所有 div 元素。在该事件处理程序中，它隐藏 id 以“des_”开头的所有 div 元素，获取下一个元素(在您的示例中是正确的 div) >) 并表明了这一点。