jQuery 中的内容选择器有四个:
:contains(text) 匹配包含给定文本的元素
:empty 匹配所有不包含子元素或者文本的空元素
:has(selector) 匹配含有选择器所匹配的元素的元素
:parent 匹配含有子元素或者文本的元素
具体例子如下:
- <div></div>
- <div>
- <span></span>
- </div>
- <div > 我是一个 div</div>
- <div>
- <p></p>
- </div>
- <div > 我是一个 div123</div>
- <div>
- <span>
- <p></p>
- </span>
- </div>
我们的 JS 代码如下:
- $("div:empty").CSS('background-color','yellow');
- $("div:parent").CSS('background-color','yellow');
- $("div:has(p)").CSS('background-color','yellow');
- $("div:contains('我是一个 div')").CSS('background-color','yellow');
来源: http://www.bubuko.com/infodetail-3102061.html