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容器實戰(六) - 容器的隔離與限制
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
相關文章