Firefox不會正確顯示和隱藏我的表格。只顯示標題按鈕不按行

Firefox不會正確顯示和隱藏我的表格。僅在按鈕上顯示標題按下不行。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>

來源

2013-03-08 user2148427

使用相同的ID使用DOM元素不是一個好習慣，您應該爲此使用類。 – bandi 2013-03-08 14:52:24

我試過，但仍然不會在Firefox上顯示隱藏的顯示按鈕按 – user2148427 2013-03-08 15:03:09

這是沒有辦法的權利

$(HideMe).show();

你可能想要做的事，如：

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

FIDDLE： http://jsfiddle.net/JS7tK/5/

我一開始並沒有注意到，但是由於他的評論ID中的bandi音符應該是唯一的。因此，嘗試做一些事情，如：

<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>

來源

2013-03-08 14:48:43

你的方式根本不起作用。 – user2148427 2013-03-08 14:49:56

它的確如此：http://jsfiddle.net/JS7tK/ – 2013-03-08 14:52:23

嘗試了你的建議仍然不能在Firefox中工作，只顯示按鈕按下按鈕。嘗試：jsfiddle.net/JS7tK 在Firefox，你會看到相同的 – user2148427 2013-03-08 15:00:33

我不這樣做的jQuery，但作爲一個規則，你無疑會更好把一個跨度&躲在裏面它，而不是試圖隱藏單元格，因爲這樣做這會使桌子不平衡，所以沒有一些瀏覽器不允許它的驚喜。

來源

2013-03-08 14:54:08 blankabout

我使用span標籤，而不是仍然不會在Firefox中工作（只顯示按鈕上的列標題按靜止） - 在鉻中工作正常） http://jsfiddle.net/JcRCJ/1/ – user2148427 2013-03-08 14:59:42

由於@bandi說，你不應該有幾個相同的元素身份證，這無疑會混淆這個問題。使用類或給它們所有相同的名稱，並通過'document.getElementsByName'循環。 – blankabout 2013-03-08 15:02:17

Firefox不會正確顯示和隱藏我的表格。只顯示標題按鈕不按行

回答

相關問題