Chọn phần tử có phần tử khác là con trực tiếp

Question

Tôi cần chọn tất cả div s có chứa con số trực tiếp là object. :has chỉ cần kiểm tra hậu duệ của bất kỳ loại nào, vì vậy bây giờ tôi đang sử dụng:

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

có cách nào trực tiếp hơn không?

Answer 1

Bạn có thể đơn giản hóa mã của bạn để:

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

Answer 2

Sử dụng :has selector:

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

Dưới đây là một ví dụ tôi đã viết lên:

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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<div> 
 
    <h2>outer</h2> 
 
    <div> 
 
    <h3>inner</h3> 
 
    </div> 
 
</div>