<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
//$(document).ready(function(){
// $("p").click(function(){
// $(this).hide();
// });
//});
$(document).ready(function()
{
$("#button1").click(function () {
$("#id").parent().css('background-color', 'red');
$("#id").parent().parent().css('background-color', 'blue');
$($("#id").parent().parent().next().children("td").get(0)).css('background-color', 'black');;
//$("#id").parent().parent().next().children("td").get(0).css('background-color', 'black');
});
});
</script>
<style type="text/css">
.panel
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
height:120px;
}
.test2
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
</style>
</head>
<body>
<!--//<p>If you click on me, I will disappear.</p>
-->
<div class="panel">
<p class="test1">客户</p>
<p class="test1">合口呼</p>
<p class="test1">合口呼</p>
</div>
<p class="test2">上拉</p>
<button type="button" id="button1"/>clicke me</button>
<table id="talbe1" width="339" height="186" border="1" cellpadding="1" cellspacing="0" class="panel">
<tr>
<td> </td>
<td><input id="id" type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td> </td>
<td><input id="name" type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td> </td>
<td><input id="age" type="text" name="textfield" id="textfield" /></td>
</tr>
<tr>
<td> </td>
<td><input id="address" type="text" name="textfield" id="textfield" /></td>
</tr>
</table>
</body>
</html>
表格查找
最新推荐文章于 2022-05-08 20:59:51 发布