js jquery动态生成的table,点击行时颜色变化,怎么弄?高手指教,谢谢!

如题所述

<!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=gb2312" />
<title>无标题文档</title>
<style>
.somestyle {background-color:#CCCCCC;}
</style>
<script src="/js/jquery-1.4.4.js"></script>
<script language="javascript">
$(document).ready(function(){
$("div").html("<table width=\"200\" border=\"1\" cellpadding=\"1\"><tr><td>11</td><td>12</td></tr><tr><td>21</td><td>22</td></tr></table>");

$("table td").click(function(){
$(this).parent().toggleClass("somestyle");
//其他处理过程
});
});
</script>
</head>
<body>
<div></div>
</body>
</html>追问

非常感谢!

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-11-27
onClick="this.bgcolor='#FF000';"追问

要是我的按键按下时,有多个事件处理的呢?那怎么办啊?

追答

楼下的非常好!!!!!!!!!!!!!!!!!!

jquery 怎么样实现,点击一个表格(table)的 tr 时改变其背景颜色
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:('td').click(function(){ if ($(this).css('background-color') === 'rgb(255, 0, 0)') { (this).css('background-color', 'white');} else { (this)....

各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?
<head> <meta charset="UTF-8"> <title>Document<\/title> <script type="text\/javascript" src="..\/jquery-1.9.1.min.js"><\/script> <script type="text\/javascript"> (function(){ ('table tr').click(function(){ ('table tr').removeClass('on');(this).addClass('on');})}...

js或jquery,怎么弄点击一个修改按钮,我的一个table可以编辑,隐藏起修 ...
个人理解:每个table 都有一个修改按钮,当点击各自上方的”修改“按钮后,table可以进行修改,同时将”修改"按钮隐藏,出现"确认“按钮,当table修改完毕后,点击”确认“按钮,将table禁用,同时”确认“按钮隐藏,出现”修改“按钮。\/\/不知道理解的对不对。思路:根据按钮寻找对应的table元素;隐藏\/显示...

JS动态生成Table
function creatTable(current,o){ var table = document.createElement('table');table.id = o.id;table.style.cssText = 'width: 300px; height: 100px;border-collapse:collapse;border: 1px solid #DDDDDD;';var thead = document.createElement('thead');var th = document.createElement('tr...

...表格的tr背景颜色变化 而鼠标移开的时候,表格恢复隔行换色;_百度知...
这个应该是好解决的。因为你只发了一部分代码,你的这个函数lineChange()也不知道是怎么用的,你先把:function lineChange(){ var lines=document.getElementsByTagName("tr");for(var i=0;i<lines.length;i++){ lines[i].onmouseover=function(){ this.style.background="blue";} lines[i]....

求助:js当点击table中的那个button时删除改行信息(<tr>)!
href="javascript:void(0)" onclick="del_tr(4)">删除<\/a><\/td><\/tr> <\/table> <\/body> <script> function del_tr(id){ var tr = document.getElementById("tr_"+id);tr.parentNode.removeChild(tr);} <\/script> <\/html>

jquery或者js如何获得动态生成的表中所合并的单元格所占的行数呢
思路是这样的,你点击一个td,然后找到这个td的父节点tr,然后统计这个tr前面的tr个数p就是行数,而这个td前面的td个数,就是列数&lt;!DOCTYPE HTML PUBLIC &quot;-&#47;&#47;W3C&#47;&#47;DTD HTML 4.01 Transitional&#47;&#47;EN&quot;&gt; &lt;html...

点中表格table的一行选中当前行的多选框,用js或者jquery怎么实现...
<script src="http:\/\/libs.baidu.com\/jquery\/2.0.0\/jquery.min.js"><\/script><script>$(function(){$("table tr").click(function(){var input = $(this).find("input[type=checkbox]");\/\/获取checkbox\/\/判断当前checkbox是否为选中状态if(input.attr("checked")){input.attr("checked"...

ajax异步用jquery动态创建table,添加tr-td的同时,需要合并跨行的相同...
合并行单元格 比如合并 第二行第二个和第三个单元格:("#table3 tr:gt(0):eq(1) td:eq(1)").attr("colspan", 2);$("#table3 tr:gt(0):eq(1) td:eq(2)").remove();

急求!!!实现jquery datatable翻页的代码
你查询一下datatable.js里源代码就明白了(通过以他动态生成元素的class 和id去源代码里找就能明白他的工作原理了)h.extend(p.ext.classes,{sTable:"dataTable",sNoFooter:"no-footer",sPageButton:"paginate_button",sPageButtonActive:"current",sPageButtonDisabled:"disabled"...至于你说的多个...

相似回答