博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery选择tbody下的tr结果不正确

Posted on 2011-11-08 15:36  止水  阅读(7948)  评论(0)    收藏  举报

question:

 有表格如下:

<table width="100%" cellpadding="2" cellspacing="0" id="mytable" >
<thead>
<tr >
<td width="5%">序号</td>
<td width="8%"><input type='checkbox' value='*' id='selectAll' /><b>全选</b></td>
<td width="10%"><b>登录名</b></td>
<td width="10%"><b>姓名</b></td>
<td><b>手机号码</b></td>
<td width="8%"><b>帐号类型</b></td>
<td><b>创建时间</b></td>
</tr>
</thead>
<tbody>
<form id="delUserForm" action="/npyd-eap/app/user/delete" method="post" >

<tr ztype="data" >
<td>1</td>
<td >

</td>

<td>admin</td>
<td>超级管理员</td>
<td></td>
<td>

管理员



</td>
<td>2011-10-28 17:43:37</td>

</tr>


</form>
</tbody>


<tfoot>

<tr >
<td colspan="7" align="center">

<table border=0><tr><td>1</td><td>1</td></tr></table>

</td>
</tr>

</tfoot>
</table>


以下代码:

$('#mytable tbody tr')

会把tfoot中的tr也选择中。

这是jquery的bug,还是怎么回事呢?

环境:jquery 1.6.4
win7+ie+chrome

 Answer:

 

 因为tfoot中包含了table

如果只想选第一级子项,要如何写呢?

 改成$('#mytable>tbody tr')就好了