jquery - 如何选择多个具有相同基本条件的不同 CSS 选择器

Question

我正在尝试根据某些条件在我的页面上选择一些元素...这些元素都有一些共同的父元素，如下所示:

$("[id*=wizard_person]:not(.hidden) select.required, [id*=wizard_person]:not(.hidden) input.required:not(.tt-hint)").each ->
    ...

在这里，我选择了 [id*= wizard_person]:not(.hidden).

但是，我写了两次 [id*=wizard_person]:not(.hidden) 来处理这两种情况。

有没有办法让我把它擦干？如果是，如何？谢谢。

Answer 1

我将从 [id*=wizard_person]:not(.hidden) 开始，然后找到正确的后代:

$("[id*=wizard_person]:not(.hidden)").find("select.required, input.required:not(.tt-hint)").each(... )

如果您的选择和输入是直接子项，您甚至可以使用 children() 而不是 find()