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
<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')就好了
浙公网安备 33010602011771号