哪位帥哥能幫忙看看？ $("div:empty").text(":empty").css("border", "3px groove red"); 為什么這個沒有效果呢？ ?
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <link rel="stylesheet" href="imooc.css" type="text/css">
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>內容篩選器</h2>
? ? <h3>:contains/:has</h3>
? ? <div class="left">
? ? ? ? <div class="div">
? ? ? ? ? ? <p>contains</p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>contains</p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>
? ? ? ? ? ? ? ? <span>:has</span>
? ? ? ? ? ? </p>
? ? ? ? </div>
? ? ? ? <div class="div">
? ? ? ? ? ? <p>:contains</p>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? //查找所有class='div'中DOM元素中包含"contains"的元素節點
? ? ? ? //并且設置顏色
? ?$(".div:contains(':contains')").css("color","red")
? ? </script>
? ? <script type="text/javascript">
? ? ? ? //查找所有class='div'中DOM元素中包含"span"的元素節點
? ? ? ? //并且設置顏色
? ? ? ? $(".div:has(p)").css("color", "blue");
? ? </script>
? ? <h3>:parent/:empty</h3>
? ? <div class="left">
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ? <a>:parent</a>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ?
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ?//選擇所有包含子元素或者文本的a元素
? ? ? ?//增加一個藍色的邊框
? ? ? ?$("a:parent").css("border", "3px groove blue");
? ? </script>
? ? <script type="text/javascript">
? ? ? ?//找到a元素下面的所有空節點(沒有子元素)
? ? ? ?//增加一段文本與邊框
? ? ? $("div:empty").text(":empty").css("border", "3px groove red");?
? ? </script>
</body>
</html>
2018-11-07
$(".div:contains(':contains')").css("color","red") //句末差個分號 ；
2018-05-24
一樓二樓四樓正解，空格也算一個文本節點
2017-09-02
在這里你少了一個標簽,應該是這樣的
少了一個a標簽，
$("div:empty").text(":empty").css("border",?"3px?groove?red");這句話中的.text(":empty")要給他值的,不知道是不是這個問題
2017-05-30
換成? ? ? ? <div class="aaron"></div>試試就能有效果了。這時應該你? ? ? ? <div class="aaron">
</div>有文本節點，不滿足：empty的篩選，所以才沒有效果的
2017-05-08
$("div:empty")的意思是選擇沒有子元素的元素（包含文本節點），在這個例子中，通常來講
?<div class="aaron">
? ? ? ? ? ?</div>
就是符合沒有子節點的元素，但是不其然，在html中空格也代表文本節點，所以就找不到沒有字元素的節點，
如果想成功的話，去掉中間空格?<div class="aaron"></div>，這樣就可以了
2017-04-25
?<div class="aaron">
? ? ? ? ? ?
? ? ? ? </div>
這段代碼不可以加空格
<div class="aaron"></div>