您的位置:首页 - jQuery
jquery选择含有指定后代元素的元素
定义和用法
has() 将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。

语法
.has(selector)


selector 字符串值,包含匹配元素的选择器表达式。


详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.has() 方法用匹配元素的子集来构造一个新的 jQuery 对象。所使用的选择器用于检测匹配元素的后代;如果任何后代元素匹配该选择器,该元素将被包含在结果中。

参考:http://keleyi.com/a/bjad/rqfoffxe.htm


请思考下面这个带有嵌套列表的页面:

<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>

我们可以对列表项集合应用该方法,就像这样:
$('li').has('ul').css('background-color', 'red');


该调用的结果是,项目 2 的背景被设置为红色,这是因为该项目是后代中唯一拥有 <ul> 的 <li>。

结果如下:
  • list item 1
  • list item 2
    • list item 2-a
    • list item 2-b
  • list item 3
  • list item 4
本站导航
相关文章
柯乐义 Copyright© keleyi.com