详解jQuery选择元素23：包含特定元素的元素:has

 在《详解jQuery选择元素22：选择空元素:empty》中，我们学习了如何选择不包含子元素或者文本元素的空元素。在今天我们来学习，如何选择那些包含特定元素的元素。这个选择器，在日后的前端开发中也非常的有用。
  获取那些包含特定元素的元素【:has(特定的元素)】
 
 
 
 
 
 
 
 
 
 

111111111111111111

 

2222222222222222

 

33333333333333333333

 

33333222222222222222233333

 
 
 需要注意的是在上面的代码的显示结果中 

33333222222222222222233333

的背景颜色也会是绿色。由此可以看到所谓的包含元素，不仅仅指的是子元素，也包括所有的子孙元素。