jQuery選擇器選中最后一個元素，倒數第二個元素操作示例

2019-11-19 12:22:26

字體：大中小

來源：轉載

供稿：網友

本文實例講述了jQuery選擇器選中最后一個元素，倒數第二個元素操作。分享給大家供大家參考，具體如下：

HTML部分：

<div>  <p>元素1</p>  <p>元素2</p>  <p>元素3</p>  <p>元素4</p>  <p>元素5</p></div>

取倒數第二個p元素

$("div p").eq(-2)

取最后一個p元素

$("div p").last()

完整測試示例代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>www.survivalescaperooms.com jQuery選擇器</title><style>.red{color:#FF0000;}.blue{color:#0000FF;}</style></head><body><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$("div p").eq(-2).addClass('red');//倒數第二個p元素$("div p").last().addClass('blue');//最后一個p元素});</script><div>  <p>元素1</p>  <p>元素2</p>  <p>元素3</p>  <p>元素4</p>  <p>元素5</p></div></body></html>

這里使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.VeVB.COm/code/HtmlJsRun測試，可得到如下運行效果：