jQuery :has() 选择器
实例
选择其中包含 <span> 元素的所有 <p> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("p:has(span)").css("border", "solid red");});</script></head><body><p><span>这是 p 元素中的 span 元素</span></p><p>这是不含 span 的 p 元素</p></body></html>
定义与用法
:has() 选择器选择其中包含一个或多个元素且与指定选择器匹配的所有元素。
提示: 要选择包含多个元素的元素，请使用逗号（参见下面的实例）。
语法
$(":has(selector)")
| 参数 | 描述 |
|---|---|
| selector | 必填。指定要选择的元素 此参数接受任何类型的选择器 |
更多实例
演示如何选择一个包含多个元素的元素
:has 与 :not 选择器一起使用，选择内部没有指定元素的元素。