jQuery選擇器是一種十分強大的工具,它可以幫助DOM元素的查找、遍歷和操作。其中之一的選擇器類型是倒著選擇器,也就是使用選擇器的最后一個子元素來查找父元素。
$( "li:has(a):last" ).css( "text-decoration", "underline" );
上面這個選擇器的意思是,查找所有擁有一個子元素a的最后一個li元素,并給它們設置下劃線。所以如果我們的HTML代碼是這樣的:
<ul> <li>第一個</li> <li>第二個 <a href="#">鏈接</a></li> <li>第三個 <a href="#">鏈接</a></li> <li>第四個</li> </ul>
那么上述代碼將會為第三個和第二個li元素添加下劃線,因為它們是最后一個擁有a子元素的li元素。
倒著選擇器非常有用,可以幫助我們更加靈活地定位DOM元素,但是在實際應用中也需要注意使用它的場景和優劣。