我有以下问题：我有一个表，其中每行都有一些可见的单元格，有些不可见。像这样的东西：
<table>
<thead>
</thead>
<tbody>
<tr>
<td id='cell_a1'>A</td>
<td id='cell_b1' style='display:none'>B</td>
</tr>
<tr>
<td id='cell_a2'>C</td>
<td id='cell_b2' style='display:none'>D</td>
</tr>
</tbody>
</table>`
我需要使用 .html() 方法仅检索表的可见内容，如上表所示：
<table>
<thead>
</thead>
<tbody>
<tr>
<td id='cell_a1'>A</td>
</tr>
<tr>
<td id='cell_a2'>C</td>
</tr>
</tbody>
</table>`
我尝试使用可见选择器，但我可能使用了错误的方式，因为我无法使其工作。不管怎样，任何帮助都是值得赞赏的。
要获取所有可见元素，您可以使用:可见选择器 http://api.jquery.com/visible-selector/使用以下语法：
$('td:visible')
但这不会让您获得所有表的 html，就好像它不包含隐藏元素一样。
为此，您可以暂时复制表格并删除不可见的单元格：
var t = $('table').clone();
t.appendTo(document.body);
t.find('td').not(':visible').remove();
var html = t.html();
t.remove();
示范 http://jsfiddle.net/5aWym/（打开控制台）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
