日期:2014-05-17  浏览次数:20962 次

问个jQuery的问题,大家 帮忙!
<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>

------其他解决方案--------------------
看来上面已经回答完了~
------其他解决方案--------------------
通读jqAPI吧, 选择器那章够你记的了。


------其他解决方案--------------------
该回复于2012-12-04 17:07:33被管理员删除