<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>层级选择器</title><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script type="text/javascript">$(function () {//获取id为d的元素的所有标签为a的后代元素var obj1 = $("#d a");alert(obj1.text());//获取id为d的元素的所有标签为a的直接子元素var obj2 = $("#d > a");alert(obj2.text());//获取id为d的元素的下一个标签为p的兄弟元素var obj3 = $("#d + p");alert(obj3.text());//获取id为d的元素的下一个标签为a的兄弟元素var obj3 = $("#d + a");alert(obj3.text());//获取id为d的元素的所有兄弟标签中标签名为p的var obj4 = $("#d ~ p");alert(obj4.text());})</script> </head> <body><div id="d"><a>aaa</a><p><a>bbb</a></p><a>ccc</a> </div><a>ddd</a> <p>eee</p> <p>fff</p></body> </html>
结果:
aaabbbccc
aaaccc
“”
ddd
eeefff
"a+b"获取元素时需同时满足下一个元素有且为a的兄弟元素,下一个元素的标签名是"b".
如果没有元素则代表的是"",一个空串.