表格查找
<!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>&nbsp;</td> <td><input id="id" type="text" name="textfield" id="textfield" /></td></tr><tr> <td>&nbsp;</td> <td><input id="name" type="text" name="textfield" id="textfield" /></td></tr><tr> <td>&nbsp;</td> <td><input id="age" type="text" name="textfield" id="textfield" /></td></tr><tr> <td>&nbsp;</td> <td><input id="address" type="text" name="textfield" id="textfield" /></td></tr></table></body></html>
页:
[1]