jquery - 当表格存在时隐藏不起作用

Question

我有一个网站，其中有一个包含大量数据的表格，在页面的头部我有以下代码:-

$(function() {
$("td[colspan=3]").find("P").hide();
});

当我的主表有 <P> test </P> 时它在那里正确地隐藏了这个(我有一个按钮，然后显示这个，我知道它有效)。

但是，如果我像这样在 P 之间的表中输入子表

<td colspan="3">
    <P>
        <table>
            <tr><td>1</td><td>2</td></tr>
            <tr><td>3</td><td>4</td></tr>
        </table>
    </P>
</td>

table 没有隐藏...我错过了什么？我也尝试过

$("td[colspan=3]").find("P").find("table").hide();

但是这里也没有骰子...

Answer 1

这是因为您的 HTML 无效。

<p>标签内部不能包含其他 block ，它是具有 block 属性的文本标签。浏览器运行后，将 block 标签悬停在 <p> 内，它会自动关闭<p>并打开新标签。

如果你在这里检查 dom : http://jsfiddle.net/pqJTZ/ ，您会看到<p>为空。

解决方案是使用 <div>相反。

This answer为您提供良好的链接和正确的解释。