jQuery-表格中使用div隐藏操作不能生效

jQuery-表格中使用div隐藏操作不能生效

甜柠檬 发布于 2017-07-20 字数 931 浏览 1190 回复 3

我的演示代码:
http://jsbin.com/oqumez/1/

<table border="1">
<tr>
<th>姓名</th>
<th>电话</th>
<th>电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
<div id="hidecont">
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</div>

<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

泛泛之交 2017-10-12 3 楼

浏览器解析后的html是:

 <body>
<div id="hidecont" style="display: none;"></div>
<table border="1">
<tbody>
<tr>
<th>姓名</th>
<th>电话</th>
<th>电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>

<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</tbody>
</table>

<script>
$(function(){
$("#hidecont").hide();
});
</script>
</body>

清晨说ぺ晚安 2017-10-04 2 楼

div标签直接包容tr标签的,浏览器会把div都过滤掉,所以起不了作用。

夜无邪 2017-09-26 1 楼

table中最好不要嵌套使用div,这样之前的结构就会被破坏了。建议使用循环读取tr元素然后设置显示隐藏。