首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery怎么判断这个li是不是ul li 里面第一个或者最后一个li

2012-04-06 
jquery如何判断这个li是不是ul li 里面第一个或者最后一个li如题[解决办法]HTML codeulliAAAAAAAAAAAA

jquery如何判断这个li是不是ul li 里面第一个或者最后一个li
如题

[解决办法]

HTML code
<ul>    <li>AAAAAAAAAAAAA</li>    <li>BBBBBBBBBBBBB</li>    <li>CCCCCCCCCCCCC</li>    <li>DDDDDDDDDDDDD</li>    <li>EEEEEEEEEEEEE</li>    <li>FFFFFFFFFFFFF</li></ul><script>$("ul li").click(function(){    var num=$(this).nextAll().length, max=$("ul li").length;    if(num==0){        alert("最后一个");    }else if(num==max){        alert("第一个");    }else{        alert("第"+ (max-num) +"个");    }});</script>
[解决办法]
<ul>
<li>AAAAAAAAAAAAA</li>
<li>BBBBBBBBBBBBB</li>
<li>CCCCCCCCCCCCC</li>
<li>DDDDDDDDDDDDD</li>
<li>EEEEEEEEEEEEE</li>
<li>FFFFFFFFFFFFF</li>
</ul>
<script>
$("ul li").click(function(){
var num=$(this).nextAll().length, max=$("ul li").length;
if(num==0){
alert("最后一个");
}else if(num==max-1){
alert("第一个");
}else{
alert("第"+ (max-num) +"个");
}
});
</script>
[解决办法]
JScript code
<html><head>    <script src="ec/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>    <script type="text/javascript">        $(function () {            $("#ulTest li").click(function () {                if ($(this).index() == 0) {                    alert("是第一个子元素");                }                 if ($(this).index() == $("#ulTest li").length - 1) {                    alert("是最后一个子元素");                }            });        });    </script></head><body>    <ul id="ulTest" >        <li>1</li>        <li>2</li>        <li>3</li>        <li>4</li>    </ul></body></html> 

热点排行