jquery的gt跟lt選擇器用法
阿新 • • 發佈：2019-01-11
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>gt與lt用法</title>
<style>
li
{
list-style-type: none;
}
li a
{
text-decoration:none;
}
</style>
<script type="text/javascript" src="scripts/jquery-1.3.1.js" ></script>
<script>
//gt(num):大於num的index值
// lt(num):在gt的基礎上小於num的index值
$(function(){
$("a:gt(5):lt(8)").css("color","aqua");
$("i:gt(5):lt(8)").css("color","aqua");
})
</script>
</head>
<body>
<ul class="ul">
<li ><a href="#">佳能</a><i>(30440) </i></li>
<li ><a href="#">索尼</a><i>(27220) </i></li>
<li ><a href="#">三星</a><i>(20808) </i></li>
<li ><a href="#">尼康</a><i>(17821) </i></li>
<li ><a href="#">松下</a><i>(12289) </i></li>
<li ><a href="#">卡西歐</a><i>(8242) </i></li>
<li ><a href="#">富士</a><i>(14894) </i></li>
<li ><a href="#">柯達</a><i>(9520) </i></li>
<li ><a href="#">賓得</a><i>(2195) </i></li>
<li ><a href="#">理光</a><i>(4114) </i></li>
<li ><a href="#">奧林巴斯</a><i>(12205) </i></li>
<li ><a href="#">明基</a><i>(1466) </i></li>
<li ><a href="#">愛國者</a><i>(3091) </i></li>
<li ><a href="#">其它品牌相機</a><i>(7275) </i></li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>gt與lt用法</title>
<style>
li
{
list-style-type: none;
}
li a
{
text-decoration:none;
}
</style>
<script type="text/javascript" src="scripts/jquery-1.3.1.js" ></script>
<script>
//gt(num):大於num的index值
// lt(num):在gt的基礎上小於num的index值
$(function(){
$("a:gt(5):lt(8)").css("color","aqua");
$("i:gt(5):lt(8)").css("color","aqua");
})
</script>
</head>
<body>
<ul class="ul">
<li ><a href="#">佳能</a><i>(30440) </i></li>
<li ><a href="#">索尼</a><i>(27220) </i></li>
<li ><a href="#">三星</a><i>(20808) </i></li>
<li ><a href="#">尼康</a><i>(17821) </i></li>
<li ><a href="#">松下</a><i>(12289) </i></li>
<li ><a href="#">卡西歐</a><i>(8242) </i></li>
<li ><a href="#">富士</a><i>(14894) </i></li>
<li ><a href="#">柯達</a><i>(9520) </i></li>
<li ><a href="#">賓得</a><i>(2195) </i></li>
<li ><a href="#">理光</a><i>(4114) </i></li>
<li ><a href="#">奧林巴斯</a><i>(12205) </i></li>
<li ><a href="#">明基</a><i>(1466) </i></li>
<li ><a href="#">愛國者</a><i>(3091) </i></li>
<li ><a href="#">其它品牌相機</a><i>(7275) </i></li>
</ul>
</body>
</html>