当前位置: 编程技术>jquery
JQuery index方法获取Jquery对象数组下标
来源: 互联网 发布时间:2014-10-04
本文导语: 例子,获取Jquery对象数组下标的实现代码。 代码示例: 获取Jquery对象数组下标_www. #main{width:600px;border:1px solid green;margin:auto;padding:10px;} #tbl{border-collapse:collapse;border-top:1px solid red;border-le...
例子,获取Jquery对象数组下标的实现代码。
代码示例:
获取Jquery对象数组下标_www.
#main{width:600px;border:1px solid green;margin:auto;padding:10px;}
#tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto;}
#tbl td{width:60px;height:60px;border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid red;}
var oldColor;
$(function () {
$("#tbl tr").hover(
function () {
oldColor = $(this).css("backgroundColor");
$(this).css("backgroundColor", "yellow");
},
function () {
$(this).css("backgroundColor", oldColor);
});
$("#tbl tr").click(function () {
alert($("#tbl tr").index($(this))); //获取元素下标
});
});
111
222
333
444
555
666