JQuery內容過濾選擇器
阿新 • • 發佈:2019-01-07
NO. | 選擇器 | 描述 |
---|---|---|
1 | :contains(文字) | 包含括號內的文字的元素集合(括號內要加引號) |
2 | :empty | 空元素(不包含子元素或文字的元素)集合 |
3 | :has(選擇器) | 包含括號中選擇器選中的元素集合的元素集合 |
4 | :parent | 含有子元素或者文字的元素集合 |
示例:運用以上選擇器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body > <div id="div0"> <ul> <li id="l0">你好</li> <li id="l1">小魚仙倌</li> <li id="l2">你好啊</li> <li id="l3"></li> </ul> </div> <div id="div1"><li id="l4"></li></div> </body> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script> <script> var contains=$("div li:contains('你')") var empty=$("body :empty") var has=$(":has(li)") var parent1=$(":parent") var parent2=$("li").parent()//注意與:parent的區別,parent()選取的是選擇器選中的元素的直接父元素 console.log(contains) console.log(empty) console.log(has) console.log(parent1) console.log(parent2) </script> </html>
執行結果: