毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> net技术 >> 正文

jQuery已知某个li的id,如何判断是否存在上一个li,如果存在找到其上一个li的id。

更新时间:2012-12-4:  来源:毕业论文

<ul id="Info">
  <li id="id1">a<li>
  <li id="id2">b<li>
  <li id="id3">c<li>
</ul>

已知某个li的id,如何判断是否存在上一个li,如果存在找到其上一个li的id。

通过jQuery怎么实现!

$("li").click(function(){   if($(this).index()!=0){    //存在上一个li     var prev = $(this).prev();   } });

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>   <!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 runat="server">     <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>     <script type="text/javascript">         $(document).ready(function () {             var prev = $('#li1').prev();//获取id为li1的前一个同辈元素             if (prev.attr('id') == undefined) { //判断前一个元素的id是否为undefined                 alert('No Previous Element'); //如果为undefined则没有前一个元素 提示没有前一个元素             }             else {                 alert(prev.attr('id')); //如果不为undefined 提示前一个元素的id             }         }         );     </script>     <title></title> </head> <body>     <form id="form1" runat="server">     <div>     <ul>         <li id="li1">11111</li>         <li id="li2">22222</li>         <li id="li3">33333</li>     </ul>     </div>     </form> </body> </html>

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。