| 1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>内容过滤选择器</title>
- </head>
- <body>
- <p>p标签1aaadfdfd</p>
- <p>p标签2dfdsfd</p>
- <p>p标签3dfdsffd</p>
- <p></p>
- <p><span></span></p>
- <p><i><span></span></i></p>
- </body>
- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
- <script>
- // :has(selector) 获取含有选择器所匹配的元素
- $('p:has(span)').html('aaaaaa')
- // :parent 获取含有子元素或文本的元素
- // $('p:parent').html('新修改的内容')
- // :empty 获取不包含子元素或文本内容的元素
- // $('p:empty').html('新修改的内容')
- // :contains(text) 获取包含指定文本内容的元素
- // $('p:contains(aaa)').css('color','red')
- // $('p:contains(d)').css('color','red')
- </script>
- </html>
|
