JQuery 获取表格对象

我的应用程序中，动态生成一个Table,同时动态生成一组checkbox,当选中第一个checkbox时，表格的第一列隐藏，不选中又出现，以此类推。现在完成的代码如下：$... 我的应用程序中，动态生成一个Table,同时动态生成一组checkbox,当选中第一个 checkbox时，表格的第一列隐藏，不选中又出现，以此类推。现在完成的代码如下：

$("[type='checkbox']").each(function(i){

$(this).click(function() {
if($(this).attr("checked")==true){

$("td:eq(0)",$("tr")).hide();
}else{
$("td:eq(0)",$("tr")).show();
}
});

});
问题就在于数字“0”上，我希望能够获取和checkbox相同序号的td,而不是固定的第一列。
初学Jquery,不是很明白，望大侠指教，谢谢。
当选中第一个 checkbox时，表格的第一列隐藏，不选中又出现,当选中第二个 checkbox时，表格的第二列隐藏，不选中第二列显示，当选中第三个checkbox时，第三列隐藏......以此类推。谢谢。展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

长孙丹烟字锟
2020-04-25 · TA获得超过3万个赞

知道大有可为答主

回答量：1.1万

采纳率：27%

帮助的人：869万

我也去答题访问个人页

关注

展开全部

我实在不知道你是什么意思，大概写了下
<script>
$(document).ready(function
(){
$("input:checkbox").each(function
(){
$(this).click(function
(){
if
(
$(this).attr('checked')
){
$('tr').eq(parseInt($(this).val())).hide();
}else{
$('tr').eq(parseInt($(this).val())).show();
}
});
});
});
</script>
<input
type="checkbox"
value="0"/>
<input
type="checkbox"
value="1"/>
<input
type="checkbox"
value="2"/>
<table
width="200"
border="1">
<tr>
<td>1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
</tr>
</table>

已赞过 已踩过<

评论收起

百度网友a435633
推荐于2016-06-30 · TA获得超过1234个赞

知道大有可为答主

回答量：1018

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

<head>
<title>JavaScript 测试</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $("[type='checkbox']").click(function() {
  var i = $(this).attr('value');
  $("td:eq(" + i +")", $("#table1 tr")).toggle();
 });
});
</script>
</head>
<html>
<body>
显示/隐藏<br>
<input type="checkbox" name="showhide" value="0" checked>第一列
<input type="checkbox" name="showhide" value="1" checked>第二列
<input type="checkbox" name="showhide" value="2" checked>第三列
<table id="table1">
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
 </tr>
 <tr>
  <td>第一列</td>
  <td>第二列</td>
  <td>第三列</td>
 </tr>
</table>
</body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

百度网友1fb3e49
2010-01-25 · 超过12用户采纳过TA的回答

知道答主

回答量：40

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

不太看得懂你的问题..
把零改成你需要的ID就可以了
如果没法定位,动态列表的时候把 tr的id定义下
例如
<tr id="tr_0"
<tr id="tr_1"

已赞过 已踩过<

评论收起

hydra73
2010-01-26 · TA获得超过718个赞

知道小有建树答主

回答量：556

采纳率：0%

帮助的人：634万

我也去答题访问个人页

关注

展开全部

我实在不知道你是什么意思，大概写了下

<script>
$(document).ready(function (){
$("input:checkbox").each(function (){
$(this).click(function (){
if ( $(this).attr('checked') ){
$('tr').eq(parseInt($(this).val())).hide();
}else{
$('tr').eq(parseInt($(this).val())).show();
}
});
});
});
</script>

<input type="checkbox" value="0"/>
<input type="checkbox" value="1"/>
<input type="checkbox" value="2"/>
<table width="200" border="1">
<tr>
<td>1</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td> </td>
</tr>
</table>

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JQuery 获取表格对象

其他类似问题

为你推荐：