Firefox无法正确显示和隐藏我的表格。仅在按钮上显示标题，不按行

Question

Firefox无法正确显示和隐藏我的表格。 仅在按钮上显示标题，不按行。

基本上，我想要的是用户单击按钮时要显示的ID为“ HideMe”的列标题和具有相同ID的行。 这在Chrome中完美运行，但在Firefox中则无法

<html>

<head>
    <title>Show and Hide Javascript won't work in Firefox</title>
    <style>
        #HideMe {
            display:none;
        }
    </style>
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script>
        jQuery(document).ready(function ($) {
            $('.ShowPassword').click(function () {
                $(HideMe).show();
            });
        });
    </script>
</head>

<body>
    <table>
        <tr>
            <th>ID Number</th>
            <th>First Name</th>
            <th>Middle Name</th>
            <th id="HideMe">Password</th>
        </tr>
        <tr>
            <td>2121</td>
            <td>Mike</td>
            <td>Daniel</td>
            <td id="HideMe">Password</td>
        </tr>
        <button class="ShowPassword">Show Password</button>
</body>

Answer 1

这绝对不对

$(HideMe).show();

您可能想要执行以下操作：

$('#HideMe').show();

内容： http : //jsfiddle.net/JS7tK/5/

起初我没有注意到，但正如bandi在他的注释ID中指出的那样，应该是唯一的。 因此，尝试执行以下操作：

<html>
    <head>
        <title>Show and Hide Javascript won't work in Firefox</title>
        <style>
            .HideMe {
                display:none;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script>
            jQuery(document).ready(function ($) {
                $('.ShowPassword').click(function () {
                    $('.HideMe').show();
                });
            });
        </script>
    </head>

    <body>
        <table>
            <tr>
                <th>ID Number</th>
                <th>First Name</th>
                <th>Middle Name</th>
                <th class="HideMe">Password</th>
            </tr>
            <tr>
                <td>2121</td>
                <td>Mike</td>
                <td>Daniel</td>
                <td class="HideMe">Password</td>
            </tr>
            <button class="ShowPassword">Show Password</button>
    </body>
<html>

Answer 2

我不使用jQuery，但是通常来说，最好将一个span放在＆隐藏之内而不是隐藏该单元格，因为这样做会导致表格不平衡，因此某些浏览器不允许这样做并不奇怪它。

Firefox无法正确显示和隐藏我的表格。仅在按钮上显示标题，不按行

问题描述

2 个解决方案

解决方案1
0 已采纳

解决方案2
0 2013-03-08 14:54:08

Firefox无法正确显示和隐藏我的表格。 仅在按钮上显示标题，不按行

问题描述

2 个解决方案

解决方案1 0 已采纳

解决方案2 0 2013-03-08 14:54:08

Firefox无法正确显示和隐藏我的表格。仅在按钮上显示标题，不按行

解决方案1
0 已采纳

解决方案2
0 2013-03-08 14:54:08