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

Question

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

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

在这里，我选择了input.required:not(.tt-hint)中的select.required和[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()