jQuery 的 nth-last-child() 方法是用于選擇倒數第幾個子元素,在 CSS 中的類似方法是 :nth-last-child()。
// 選擇倒數第二個li元素 $('li:nth-last-child(2)'); /* HTML代碼:
- 第一個
- 第二個
- 第三個
在上面的例子中,我們使用了 jQuery 的 nth-last-child() 方法來選擇倒數第二個 li 元素。如 HTML 代碼中的 ul 和 li 標簽,該選擇器是非常有用的。
我們也可以結合其他選擇器來使用 nth-last-child() 方法。例如:
// 選擇 div 中的倒數第二個p元素 $('div p:nth-last-child(2)'); /* HTML代碼:*/第一個
第二個
第三個
在上面的例子中,我們使用了與其他選擇器結合使用的 nth-last-child() 方法來選擇 div 元素中的倒數第二個 p 元素。
需要注意的是,nth-last-child() 方法是從后往前數的,所以它選擇的子元素是相對于最后一個子元素的位置而言的。
綜上所述,nth-last-child() 方法可以非常方便地幫助我們選擇倒數第幾個子元素,從而更加靈活的操作頁面和樣式。
下一篇淘寶加載外部css