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';    
    }
});

您可能已经知道，我正在尝试创建一个分页脚本。首先，不，我不想要一个已经制作好的 js 分页脚本，我希望它单独创建它（以及一些帮助当我在某些问题上被阻止的情况下）。第一步是隐藏从 25 tr 开始的其他元素。但问题是 document.getelementsbyclassname 不会影响它们...起初我使用 id 作为 tr，它工作，但只适用于第一个表（因为 id 必须是唯一的，在我的情况下，id 的值是相同的，所以我使用了类）。我不知道是什么问题......

Answer 1

不用$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();
    })
});

Answer 2

类名不能以数字开头

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

你可以试试assign class 'row'+$i

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';    
    }