document.getElementsByClassName不影響元件

Question

我有以下腳本：

$i=1; 
echo '<table>'; 
while($row=mysql_fetch_array){ 
    echo '<tr class="'.$i.'">'; 
    echo '<td>'.$row['value'].'</td>'; 
    echo '</tr>'; 
    $i++; 
} 
echo '</table>'; 

$i=1; 
echo '<table>'; 
while($row=mysql_fetch_array){ 
    echo '<tr class="'.$i.'">'; 
    echo '<td>'.$row['value'].'</td>'; 
    echo '</tr>'; 
    $i++; 
} 
echo '</table>'; 
echo '<script>nr='.mysql_num_rows(query).'</script>'; 

的Javascript：

$(document).ready(function(){ 
    for(i=26; i<=nr; i++){ 
     document.getElementsByClassName(i).style.display='none';  
    } 
}); 

您可能已經想通了，我試圖創建一個分頁script.To開始與，不，我不想要一個已經制作的js分頁腳本，我希望它能夠單獨創建它（當我在某些問題上被阻止時，還有一些幫助）。第一步是隱藏其他元素25 tr。但問題是document.getelementsbyclassname不會影響它們... At首先我使用ID爲TR，它的工作，但只適用於第一個表（因爲ID必須是唯一的，在我的情況下，ID的值是相同的，所以我用類）。我不明白什麼是問題...

Answer 1

類名稱不能以數字開頭

Can XHTML and HTML class attributes value start with a number?

你可以嘗試分配類 '行' + $我

echo '<tr class="row'.$i.'">'; 
    echo '<td>'.$row['value'].'</td>'; 
echo '</tr>'; 

JS：

for(i=26; i<=nr; i++){ 
     document.getElementsByClassName('row'+i).style.display='none';  
    } 

Answer 2

無需類$i。嘗試用 -

echo '<tr class="row-class">'; 

而jQuery的 -

$(document).ready(function(){ 
    $('.row-class').each(function() { 
     $(this).hide(); 
    }) 
}); 

添加條件，如果你需要。

或者不需要向類添加行。如果頁面包含單個表格，則 -

$(document).ready(function(){ 
    $('table tr').each(function() { 
     $(this).hide(); 
    }) 
});