如何使用javascript选择动态创建的表的表格单元格 [英] How can select table cells of dynamically created table using javascript
本文介绍了如何使用javascript选择动态创建的表的表格单元格的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
HI，对不起我的英语
我用c＃创建了一个动态表，现在我想根据id和表格单元格选择表格单元格使用javascript点击它们时改变颜色。我怎么能实现这个？
谢谢。
我尝试了什么：
这是我的代码背后：
private void CreateDynamicTable（）
{
int rowCnt;
int cellCnt;
int rowCtr;
int cellCtr;
表Table1 = new Table（）;
Table1.BorderWidth = 3;
Table1.BorderStyle = BorderStyle.Solid;
Table1.ID =myTable;
rowCnt = int.Parse（txtrow.Text）;
cellCnt = int.Parse（txtcol.Text）;
for（rowCtr = 1; rowCtr< = rowCnt; rowCtr ++）
{
TableRow tRow = new TableRow（）;
Table1.Rows.Add（tRow）;
for（cellCtr = 1; cellCtr< = cellCnt; cellCtr ++）
{
TableCell tCell = new TableCell（）;
tRow.Cells.Add（tCell）;
string prodID = rowCtr +_+ cellCtr;
TextBox txtbox = new TextBox（）;
txtbox.Text =Row：+ rowCtr +Column：++ cellCtr;
tCell.Controls.Add（txtbox）;
tRow.Controls.Add（tCell）;
}
Table1.Rows.Add（tRow）;
}
form1.Controls.Add（Table1）;
}
HTML：
< html xmlns = http://www.w3.org/1999/xhtml >
< head runat = 服务器 >
< link href = StyleSheet1.css rel = 样式表 / >
< title > < / title >
< / head >
< body >
< 表单 id = form1 runat = 服务器 >
< div >
< 表 >
创建动态表
< tr >
< td > 行：
< asp：TextBox ID = txt row 占位符 = 此处没有行 runat < span class =code-keyword> = server AutoCompleteType = 已禁用 > < / asp：TextBox >
< br / >
< br / >
< / td >
< / tr >
< tr >
< td > Coloum：
< asp：TextBox ID = txtcol 占位符 = 此处没有Coloums runat = server AutoCompleteType = 已禁用 > < ; / asp：TextBox >
< br / >
< br < span class =code-keyword> / >
< / td >
< / tr >
< tr >
< ; td >
< asp：按钮 ID = Button1 文本 = 创建表 runat = server CssClass = button1 OnClick = OnClickOfCreateTable / >
< / td >
< / tr >
& / table >
< / div >
< / body >
< / html >
解决方案
您应该可以使用jQuery轻松完成。首先，定义一个css：
。 highlight { background-color ： green; }
然后，您可以这样做：
（ ＃myTable tr）。点击（ function （）{
var selected =
（ this ）。hasClass（ highlight）;
HI, Sorry for my English
I have created a dynamic table using c#, Now I want to select the table cells based on id and that table cells to change color when they are clicked using javascript. How can i achieve this??
Thanks.
What I have tried:
Here is my code behind:
private void CreateDynamicTable()
{
int rowCnt;
int cellCnt;
int rowCtr;
int cellCtr;
Table Table1 = new Table();
Table1.BorderWidth = 3;
Table1.BorderStyle = BorderStyle.Solid;
Table1.ID = "myTable";
rowCnt = int.Parse(txtrow.Text);
cellCnt = int.Parse(txtcol.Text);
for (rowCtr = 1; rowCtr <= rowCnt; rowCtr++)
{
TableRow tRow = new TableRow();
Table1.Rows.Add(tRow);
for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++)
{
TableCell tCell = new TableCell();
tRow.Cells.Add(tCell);
string prodID = rowCtr + "_" + cellCtr;
TextBox txtbox = new TextBox();
txtbox.Text = "Row:" + rowCtr + " Column:" + " " + cellCtr;
tCell.Controls.Add(txtbox);
tRow.Controls.Add(tCell);
}
Table1.Rows.Add(tRow);
}
form1.Controls.Add(Table1);
}
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="StyleSheet1.css" rel="stylesheet" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
Creating a dyanamic Table
<tr>
<td>Row:
<asp:TextBox ID="txtrow" placeholder="No of Rows Here" runat="server" AutoCompleteType="Disabled"></asp:TextBox>
<br />
<br />
</td>
</tr>
<tr>
<td>Coloum:
<asp:TextBox ID="txtcol" placeholder="No of Coloums Here" runat="server" AutoCompleteType="Disabled"></asp:TextBox>
<br />
<br />
</td>
</tr>
<tr>
<td>
<asp:Button ID="Button1" Text="Create Table" runat="server" CssClass="button1" OnClick="OnClickOfCreateTable" />
</td>
</tr>
</table>
</div>
</body>
</html> 解决方案
You should be able to easily do that with jQuery. First, define a css:
.highlight { background-color: green; }
then, you can do something like this:
("#myTable tr").click(function() { var selected =
(this).hasClass("highlight");
这篇关于如何使用javascript选择动态创建的表的表格单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
