2.3 根据层级查找元素

2.3  根据层级查找元素

通过样式名称来查找元素这个功能不错,大师通常不需要查询整个页面。

<ul class="my-list">
 <li>
 <a href="http://jquery.com">jQuery supports</a>
 <ul>
 <li><a href="css1">CSS1</a></li>
 <li><a href="css2">CSS2</a></li>
 <li><a href="css3">CSS3</a></li>
 <li>Basic XPath</li>
 </ul>
 </li>
 <li>jQuery also supports</li>
 <ul>
 <li>Custom selectors</li>
 <li>Form selectors</li>
 </ul>

</ul>
<script src="jquery-1.6.4.js" type="text/javascript"></script>

<script>
console.log($('ul.my-list>li>a')[0].innerHTML);
</script>


假设想选择指向jQuery官方网站的a标签而不是页面中所有的a元素,

就可以使用子选择器(Child selector),父元素与子元素通过左尖括号(>)连接