jquery實(shí)現(xiàn)的倒數(shù)獲取li元素簡(jiǎn)單介紹
本章節(jié)分享一段代碼實(shí)例，它實(shí)現(xiàn)了倒數(shù)獲取li元素的功能。
比如我要獲取倒數(shù)第二個(gè)li元素，下面就是此功能的演示。
代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var text=$("#box li").eq(-2).text();
$("#show").text(text);
});
</script>
</head>
<body>
<ul id="box">
<li>只有努力奮斗才會(huì)有美好的未來(lái)。</li>
<li>沒(méi)有人一開(kāi)始就是高手，必須要好好學(xué)習(xí)。</li>
<li>分享互助是進(jìn)步的最大源動(dòng)力。</li>
<li>每一天都是新的要好好真心</li>
</ul>
<div id="show"></div>
</body>
</html>上面的代碼實(shí)現(xiàn)了我們的要求，實(shí)現(xiàn)的原理也非常的簡(jiǎn)單。
大家eq()的參數(shù)為0的時(shí)候就是獲取第一個(gè)元素，為1的時(shí)候就是第二個(gè)元素，以此類(lèi)推。
所以當(dāng)參數(shù)為-1的時(shí)候理所當(dāng)然就是倒數(shù)第一個(gè)，那么-2就是倒數(shù)第二個(gè)，以此類(lèi)推。
（1）.eq()方法可以參閱jQuery eq()一章節(jié)。
（2）.text()方法可以參閱jQuery text()一章節(jié)。
相關(guān)推薦
-
設(shè)置div元素漸隱效果代碼實(shí)例
以動(dòng)畫(huà)平滑的動(dòng)畫(huà)方式實(shí)現(xiàn)元素的隱藏效果，比瞬間隱藏的方式更為人性化。下面就是一段使用jQury實(shí)現(xiàn)的此效果，代碼如下: chrst
-
使用jquery為指定元素添加樣式類(lèi)
本章節(jié)演示一下如何利用jqury為制定的元素添加樣式類(lèi)。代碼實(shí)例如下ut
-
jquery css()一次性為多個(gè)元素設(shè)置多個(gè)樣式
本章節(jié)簡(jiǎn)單演示一下，如何使用css()方法一次性為元素設(shè)置多個(gè)樣式屬性。代碼實(shí)例如下:
-
jQuery動(dòng)態(tài)設(shè)置div元素的高度和寬度
本章節(jié)介紹一下最為基礎(chǔ)的jqury應(yīng)用，動(dòng)態(tài)設(shè)置div的寬度和高度。代碼實(shí)例如下：m
-
jquery實(shí)現(xiàn)的元素居中插件簡(jiǎn)單介紹
本章節(jié)分享一個(gè)插件，它實(shí)現(xiàn)了元素的居中效果。下面給出代碼實(shí)例，然后再給出詳細(xì)的實(shí)現(xiàn)過(guò)程，需要的朋友可以做一下參考。代碼如下: chrs
帝國(guó)CMS模板博客文章資訊自適應(yīng)手機(jī)HTML5網(wǎng)站SEO優(yōu)化版
2023-12-26 14:39:32
美文句子文章網(wǎng)站模板自適應(yīng)作文百科資訊源碼
2023-12-22 17:46:01
帝國(guó)CMS模板個(gè)人博客美文佳句文章資訊自適應(yīng)手機(jī)網(wǎng)站源碼
2023-12-19 18:01:32
帝國(guó)cms簡(jiǎn)潔兩端資訊文章句子網(wǎng)美文源碼詩(shī)句模板
2023-12-13 10:58:14
帝國(guó)cms大氣簡(jiǎn)潔資訊文章博客源碼電商資訊教程網(wǎng)站模板
2023-11-30 13:56:14
