选择所有<div>，其中<p> </p> </div>

Question

说我有：

<div class="thing">
    <a>hi</a>
    <span class="poo">
        <p id="hello">my name is</p>
    </span>
</div>

<div class="thing">
    <a>hi</a>
    <span class="poo">
        nothing to see here
    </span>
</div>

我想选择第一个div，但只是因为它里面有p#hello。

Answer 1

使用纯CSS无法使用Jquery并尝试使用:has() selector

  

如果存在$( "div:has(p)")，则表达式<div>与<p>匹配   在其后代中的任何地方，而不仅仅是一个直接的孩子。