选择具有另一个元素作为直接子元素的元素

我需要选择包含object作为直接子div的所有div 。 :has只检查任何类型的后代，所以现在我正在使用：

 $('div > object').parent().css('text-align', 'center'); 

有更直接的方式吗？

Answer 1

您可以将代码简化为：

 $('div:has(> object)').css('text-align', 'center'); 

Answer 2

使用:has选择器：

 $("div:has(> object)").css("text-align", "center"); 

这是我写的一个例子：

 $(function() { $("div:has(> h3)").css("background", "yellow"); }); 

 div { padding: 15px; border: 1px solid black; } 

  
 
outer
 
 
inner