jQuery 两个子选择器

Question

可以 select 两个子元素而不重复父元素吗？

$('section#id > h4, section#id > hr ').hide(); // OK

$('section#id > h4 + hr ').hide(); // Maybe ?

谢谢！

Answer 1

不在选择器本身内。

但是，您可以在指定父级后使用find()

$('section#id').find(' > h4,> hr ').hide(); 

Answer 2

你可以使用.children()方法

Get the children of each element in the set of matched elements, optionally filtered by a selector.

$('section#id').children('hr, h4').hide(); 

或者，.find() 方法

Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.

$('section#id').find('> hr, > h4').hide(); 

.find() 和 .children() 方法相似，只是后者仅在 DOM 树中向下移动一个级别。