jquery - 如何使这段代码更紧凑一点

Question

我有一个结构来检查复选框是否被选中(谁可以使用更多的单词“检查”彼此如此接近？=))当文档加载时，如果它被选中，表中的一些行会被隐藏。它看起来像这样:

if (jQuery('#navbar_disabled').is(':checked')) {
        jQuery('#navbar_disabled').parents('tr').prev().hide();
        jQuery('#navbar_disabled').parents('tr').prev().prev().hide();
    }

我确信有一种快速的好方法可以摆脱最后两个“#navbar_disabled”并使用类似“this”或其他内容的方法。我知道我可以使用 var navbar_checkbox_disabled=jQuery('#navbar_disabled') 之类的东西来处理它，但我正在寻找一个更可爱的解决方案(如果有的话)。谢谢。

更新:为什么我要求其他解决方案而不只是将它分配给一个新变量是因为我需要在许多元素上使用它，如下所示:

jQuery('#company_address_disabled, #sociallinks_disabled, #contacts_mail_disabled, #navbar_disabled')

Answer 1

为什么不将它用作过滤器，如果不选中它会使 jQuery 对象为空:

jQuery('#navbar_disabled:checked').parents('tr').prev().hide().prev().hide();