一段jquery代码,保存

@CHARSET "UTF-8";
  #table_id tbody tr.odd td:hover{
    background-color:#93CFE5;
    }
    
    #table_id tbody .even td:hover{
    background-color:#93CFE5;
    }



----------------------------------------
意思就是鼠标指针变成 手 的形状，和放到链接上面的鼠标指针一样。
style="cursor:pointer;
---------------------------------------------------------
找到每个段落紧邻的前一个同辈元素。

HTML 代码:
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>jQuery 代码:
$("p").prev()结果:
[ <div><span>Hello Again</span></div> ]
---------------------------------------------------------------------------------------------------------------------------------------------------
                                                                  <table id="data-table"
                                    class="table table-bordered nowrap" width="100%">
                                    <thead>
                                        <tr>

                                            <th style="display:none;">编号</th>
                                            <th><input type="checkbox" id="selectall"/></th>
                                            <th>型号</th>
                                            <th>航班号</th>
                                            <th>F价格</th>
                                            <th>B价格</th>
                                            <th>E价格</th>
                                            <th>C价格</th>
                                            <th>F数量</th>
                                            <th>B数量</th>
                                            <th>E数量</th>
                                            <th>C数量</th>
                                            <th style="display:none;">图片地址</th>
                                            <th style="display:none;">状态</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <s:iterator value="planelist" var="plane">
                                            <tr>
                                                <td style="display:none;"><s:property value="#plane.id" /></td>
                                                <td><input type="checkbox" name="pid" value="<s:property value="#plane.id" />"/></td>
                                                <td class="ptype" style="cursor:pointer;"><s:property value="#plane.planetype" /></td>
                                                <td><s:property value="#plane.lname" /></td>
                                                <td><s:property value="#plane.tdcprice" /></td>
                                                <td><s:property value="#plane.swcprice" /></td>
                                                <td><s:property value="#plane.jjcprice" /></td>
                                                <td><s:property value="#plane.thcprice" /></td>
                                                <td><s:property value="#plane.tdcnum" /></td>
                                                <td><s:property value="#plane.swcnum" /></td>
                                                <td><s:property value="#plane.jjcnum" /></td>
                                                <td><s:property value="#plane.thcnum" /></td>
                                                <td style="display:none;"><s:property value="#plane.imgurl" /></td>
                                                <td class="pstatus" style="display:none;"><s:property value="#plane.status" /></td>
                                                <td>
                                                    <button class="btn btn-primary edit-btn" data-toggle="modal"
                                                        data-target="#myModal">修改</button> 
                                                </td>
                                            </tr>
                                        </s:iterator>
                                    </tbody>
                                </table>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
<script>
$(function(){
$('#data-table tbody tr td.ptype').click( function () {
var pid=$(this).prev("td").prev("td").eq(0).text()
$.ajax({
type:"post",
url:'plane!planeinfo.action?plane.id='+pid,
dataType:"json",
data:{
},
success:function(data,textStatus){
var h=$("#morris-donut-chart").parent().parent().parent().offset().top;
$("#morris-donut-chart").prev("h4").text(data.planetype+"的座位数量");
$(document).scrollTop(h);
$("#morris-donut-chart").html("");
var blue = "#348fe2", 
blueLight = "#5da5e8", blueDark = "#1993E4", aqua = "#49b6d6", 
aquaLight = "#6dc5de", aquaDark = "#3a92ab", green = "#00acac", 
greenLight = "#33bdbd", greenDark = "#008a8a", orange = "#f59c1a", 
orangeLight = "#f7b048", orangeDark = "#c47d15", dark = "#2d353c", 
grey = "#b6c2c9", purple = "#727cb6", purpleLight = "#8e96c5", purpleDark = "#5b6392",
 red = "#ff5b57";
 var Path=getRootPath();
$("#planeimg").attr("src",Path+data.imgurl);
$("#planeimg").parent().prev("h4").text(data.planetype+'的舱位分布图');
    Morris.Donut({
      element: 'morris-donut-chart',
      data: [
        {value: data.tdcnum, label: '头等舱'},
        {value: data.swcnum, label: '商务舱'},
        {value: data.jjcnum, label: '经济舱'},
        {value: data.thcnum, label: '特惠舱'}
      ],
       colors: ['#E75045', '#5FBBEC', '#69C7A3', grey],
       resize: true,
      formatter: function (x) { return x + "个"}
    }).on('click', function(i, row){
      console.log(i, row);
    });
},
error:function(){
alert("错误！");
}
})
})
})

function getRootPath(){
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp
    var curWwwPath=window.document.location.href;
    //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp
    var pathName=window.document.location.pathname;
    var pos=curWwwPath.indexOf(pathName);
    //获取主机地址，如： http://localhost:8083
    var localhostPaht=curWwwPath.substring(0,pos);
    //获取带"/"的项目名，如：/uimcardprj
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return(localhostPaht+projectName);
}

</script>
---------------------------------------------------------------------------------------
参数index描述:
获取匹配的第二个元素

HTML 代码:
<p> This is just a test.</p> <p> So is this</p>jQuery 代码:
$("p").eq(1)结果:
[ <p> So is this</p> ]
------------------------------
prev([expr])
概述
取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。

可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到，而不是前面所有的同辈元素。
----------------------------------------------------------------------------------------
offset([coordinates])
概述
获取匹配元素在当前视口的相对偏移。

返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。

-----------------------------------------------------------------------------
示例
描述:
查找每个段落的父元素

HTML 代码:
<div><p>Hello</p><p>Hello</p></div>jQuery 代码:
$("p").parent()结果:
[ <div><p>Hello</p><p>Hello</p></div>]
---------------------------------------------------------------------------