jQuery经常使用内容过滤选择器
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>经常使用内容过滤选择器</title>
<script src="scripts/jquery-3.1.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//:contains(text) 筛选出包含text文本内容的全部元素
//alert($("ol li:contains('果')").length);
//:empty 没有孩子的元素，(文本节点，元素节点)
//alert($("li:empty").length);
//:has(selector)针对有这样(selector)的孩子的父元素
//里面有ul的全部的div
// alert($("div:has(ul)").length);//2
//:parent 必须有孩子的元素 后面必须有元素
alert($("li:parent").length);
});
</script>
</head>
<body>
<div>
<div id="div1">
<h3>手机品牌</h3>
<ul>
<li class="one">苹果</li>
<li>华为</li>
<li class="one">vivo</li>
</ul>
<h3>电脑品牌</h3>
<ul>
<li>苹果</li>
<li>联想</li>
<li>戴尔</li>
<li></li>
<li></li>
</ul>
</div>
<div>
<h3>销量排行</h3>
<ol>
<li>vivo</li>
<li>苹果</li>
<li>华为</li>
</ol>
</div>
</div>
</body>
</html>
相关文章
- 1. jQuery经常使用属性过滤选择器
- 2. jQuery经常使用子元素过滤选择器
- 3. jQuery经常使用的基本过滤选择器
- 4. Jquery选择器--过滤选择器
- 5. 【jQuery】三、过滤选择器
- 6. jquery的过滤选择器
- 7. 四、jQuery过滤选择器
- 8. jQuery---过滤选择器
- 9. Jq--内容过滤选择器
- 10. jQuery内容过滤选择器与子元素过滤选择器用法实例分析
- 更多相关文章...
- • XQuery 选择 和 过滤 - XQuery 教程
- • Docker 容器使用 - Docker教程
- • Docker容器实战(七) - 容器眼光下的文件系统
- • Docker容器实战(六) - 容器的隔离与限制
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
欢迎关注本站公众号,获取更多信息
相关文章