jquery怎么判断这个li是不是ul li 里面第一个或者最后一个li
日期：2014-05-16 浏览次数：20552 次
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
