为什么这样写不能实现tr的隐藏呢？？？

$("[name='chkDel']:checked").each(function() {
$("#tr_" + $(this).val()).hide();
})其中chkDel是checkbox,需求是将选中的tr隐藏，可是以上却不能实现，请高手指教。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

楼主把代码贴全点呢？
html呢
不给html结构，谁帮得了你。。
<tr id="tr_201">
            <td>
                <input name="chkDel" value=" 201" type="checkbox">
            </td>
</tr>这就是html代码了，然后需要在选择checkbox 时，隐藏这个tr，可是用
$("[name='chkDel']:checked").each(function() {
  $("#tr_" + $(this).val()).hide();
  })
中的 $("#tr_" + $(this).val()).hide();不能实现，只能 $("#tr_201').hide();这样写死了
tr是只读元素这里你得隐藏 td
$("[name='chkDel']:checked").each(function() {
$(this).parent().hide()
})
这样只将这个放checkbox的td给隐藏了，可是我需要隐藏整个tr，不是单个td，谢谢....
用$("#tr_201').hide();是可以隐藏整个tr的，可是我需要动态的隐藏，在checkbox选中时，通过获取checkbox的Value来实现tr的整个隐藏
css("display","")这样试了，还是不行
谢谢......
<table>
<tr id="tr_201">
  <td>
  <input name="chkDel" value="201" type="checkbox" checked="checked">
  </td>
</tr>
</table>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$("[name='chkDel']:checked").each(function() {
//alert($(this).val())
$('#tr_'+$(this).val()).hide()
})
</script>补全html结构现在可以了。
不要用id的方式，太呆了，用parents找嘛：<!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 src='http://code.jquery.com/jquery-latest.js'></script>
<script type="text/javascript">
$(function(){

$('button').click(function(){ $("[name='chkDel']:checked").parents('tr').hide()
})
})</script></head>
<body>
<table>
<tbody>
<tr >
  <td>
  <input name="chkDel" value=" 201" type="checkbox">
  </td>
</tr>
<tr >
  <td>
  <input name="chkDel" value=" 201" type="checkbox">
  </td>
</tr>
<tr >
  <td>
  <input name="chkDel" value=" 201" type="checkbox">
  </td>
</tr>
</tbody>
</table>
<button>hide</button></body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>test</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    </head>
    <body>
     <table>
        <tr id="tr_201">
<td>
<input name="chkDel" value="201" type="checkbox"/>
</td>
</tr>
</table>
<button id="btn">button</button>
        <script type ="text/javascript" >
$('#btn').click(function(){
$("[name='chkDel']:checked").each(function() {
$("#tr_" + $(this).val()).hide();
});
});
        </script>
    </body>
</html>
这样写完全没问题，不要说你的<tr>没放在<table>里面。。
  <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border: 1px solid #bbd4f6;
        border-width: 1px 0 0 1px; float: left;" rules="all" class="fl">
        <tr class="lists_top1">
            <th class="li5">
                <input type="checkbox" name="cboDelAll" onchange="ChkAll()" />
                全选
            </th>
            <th class="li20" style="width: 8%">
                应用程序名称
            </th>
            <th class="li10">
                控制层名称
            </th>
            <th class="li10">
                功能名称
            </th>
            <th class="li10">
                页面地址
            </th>
            <th class="li5">
                传输方式
            </th>
            <th class="li25">
                角色
            </th>
            <% if (Model.IsYFTravel)
               { %>
            <th class="li10">
                操作
            </th>
            <%} %></tr>
        <%foreach (var p in Model.ListAt)
          {%>
        <tr id="tr_<%=p.Id %>">
            <td>
                <input type="checkbox" name="chkDel" value=" <%=p.Id %>" />
            </td>
            <td>
                <%=p.ApplicationName %>
            </td>
            <td>
                <%=p.ControllerName %>
            </td>
            <td>
                <%=p.ActionName %>
            </td>
            <td>
                <%=string.IsNullOrEmpty(p.Url)?"无":p.Url %>
            </td>
            <td>
                <%=p.RequestMethod %>
            </td>
            <td>
                <%foreach (var it in TP.MetaData.CustomerEnumsDict.RoleTypeEnumDict)
                  {
                      if (!(0 == (it.Key & (it.Key - 1)))) continue;
                      if ((it.Key & p.RoleCollection) != 0)%>
                <%=it.Value%>
                <%} %>
            </td>
            <% if (Model.IsYFTravel)
               { %>
            <td align="center">
                <a href="/CustomerManager/AuthorityAddOrEdit?Id=<%= p.Id%>" class="list_button_1 mr4 mt4">
                    编辑</a> <a href="javascript:if(confirm('您确定要删除吗？')){AuthorityDeleteSubmit('<%=p.Id %>');}"
                        class="event_passport list_button_1 mr4 mt4">删除</a>
            </td>
            <%} %></tr>
        <%} %>
    </table>
完整的代码是这样的，可是我的就是
$("[name='chkDel']:checked").each(function() {
  $("#tr_" + $(this).val()).hide();
  })这样实现不了隐藏，  $("#tr_234" ).hide();这样却可以，不知道为什么?????谢谢.......
非常感谢大家， $("[name='chkDel']:checked").parents('tr').hide()这样可以实现我要的效果谢谢.......
我蛋疼了。。
<input type="checkbox" name="chkDel" value=" <%=p.Id %>" />的value=" <%=p.Id %>"有个空格，你敢再粗心点么？
呃。。不过用id来实现隐藏很傻很天真，建议用parents()的方法。