如果元素包含特定的子元素，则更改样式

Question

我想在jquery中写入：if .mainbody包含孩子.post-123，然后将.mainbody的高度更改为300px。

我试图做写这样

if ($('.mainbody').contains('.post-123')) { 
    $(".mainbody").css({ 'height': "300px" }); 
} 

也

if($('.mainbody .post-123')).length > 0){ 
    $(".mainbody").css({ 'height': "300px" }); 
} 

但它没有工作，我做了什么错？

谢谢！

Answer 1

使用has代替

$('.mainbody:has(.post-123)').css('height', '300px') 

FIDDLE

Answer 2

使用 '有' 而不是 '包含'。

contains：将返回true或false

has：从匹配元素的子集构造一个新的jQuery对象。

$('.mainbody:has(.post-123)').css('height', '300px');