<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>