比如我有 一组 <p> 元素例如10个隔行表示底色的<p>， 我想要点击某个<p> 之后 ，改变底色，
再点击一次就返回原来的颜色。 这样的话就要 得到 当前元素的索引值 ，根据这个值来判断，恢复何种颜色。
代码如下， 其中 获取当前元素的索引值 可以是 $(this).index() 这样的表达方法。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset="EUC-JP">
<link href="./css/mystyle.css" type="text/css" rel="stylesheet" media="all"/>
<title>my Test!!!</title>
<script language="javascript" src="js/jquery-1.4.2.min.js" ></script>
</head>
<body>
<div>
<p>row1</p>
<p>row2</p>
<p>row3</p>
<p>row4</p>
<p>row5</p>
<p>row6</p>
<p>row7</p>
<p>row8</p>
<p>row9</p>
<p>row10</p>
</div>
<?php
?>
<script language="javascript">
$(document).ready(function(e){
$("p").css({"background-color":"#00ff00", "font-size":"15px"});
$("p:even").css({"background-color":"blue", "font-size":"20px"});
$("p").toggle(
function() {
$(this).css({"background-color":"pink", "font-size":"30px"});
},
function(){
var num = $(this).index()+1;
if (num%2) {
$(this).css({"background-color":"blue", "font-size":"20px"});
} else {
$(this).css({"background-color":"#00ff00", "font-size":"15px"});
}
}
);
});
</script>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
