JQuery使用index方法获取Jquery对象数组下标的方法
时间:2015-05-18 14:24来源:未知作者:sa浏览:2047
本文实例讲述了JQuery使用index方法获取Jquery对象数组下标的方法。分享给大家供大家参考。具体实现方法如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= http://……
本文实例讲述了JQuery使用index方法获取Jquery对象数组下标的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<title>index方法获取Jquery对象的数组下标</title>
<style type=
"text/css"
>
#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;
}
</style>
<script src=
"jquery-1.6.2.min.js"
type=
"text/javascript"
></script>
<script type=
"text/javascript"
>
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
)));
//获取元素下标
});
});
</script>
</head>
<body>
<div id=
"main"
>
<table id=
"tbl"
>
<tr>
<td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td class=
"tdClass"
>2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>3</td><td>3</td><td>3</td>
</tr>
<tr>
<td>4</td><td>4</td><td class=
"tdClass"
>4</td>
</tr>
<tr>
<td>5</td><td>5</td><td>5</td>
</tr>
<tr>
<td>6</td><td>6</td><td class=
"tdClass"
>6</td>
</tr>
</table>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
热文精选
更多资讯推荐
更多- Stable Diffusion 2.0 发布,加强成人内容过滤
- .NET 7 正式发布
- A3Mall 开源商城系统 v2.1 发布
- FydeOS v14 版本更新:优化输入法体验+重构安卓子系统+全新应用启动器
- ThinkPHP V6.0.8版本发布——多环境变量配置支持
- 毕昇 JDK 8u292、11.0.11 发布!
- KubeVela 1.0:开启可编程式应用平台的未来
- Eclipse 4.19 稳定版发布
- 阿里巴巴 Arthas 3.5.0 版本发布,支持反编译打印行号和统一鉴权
- Debian 11 Bullseye 即将进入冻结,Debian 13 代号 Trixie
- Rancher 2.5 发布,新增支持边缘集群的 GitOps
- FlashDB IoT 超轻量级嵌入式数据库