如果元素包含特定的子元素，則更改樣式

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');