jQuery has() 方法

实例

返回包含 <span> 元素的所有 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p").has("span").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <p>我的 <span>名字</span> 是 Donald.</p>
  14. <p>我居住在 <span>Duckburg</span></p>
  15. <p>我最好的朋友是 Mickey</p>
  16. </body>
  17. </html>

定义与用法

has() 方法返回其中包含一个或多个元素且与指定选择器匹配的所有元素。

提示:要选择包含多个元素的元素,请使用逗号(请参见下面的实例)。


语法

  1. $(selector).has(element)
参数描述
element必填。指定要匹配元素的选择器表达式或元素

更多实例

返回包含多个元素的元素

如何返回包含多个元素的元素。

返回包含 span 元素的所有 p、h3 和 div 元素

如何返回包含 <span> 元素的所有<p>、<h3> 和 <div> 元素。

返回包含链接的元素

如何返回具有超链接的 <span> 元素。

分类导航