document.getElementsByClassName不会影响元素
document.getElementsByClassName is not affecting elements
我有以下脚本:
$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的值是相同的,所以我用了class)。我不知道问题出在哪里。。。
不需要使用$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();
})
});
类名不能以数字开头
XHTML和HTML类属性值可以以数字开头吗?
你可以尝试分配类"行"+$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';
}
相关文章:
- 如何在不影响其他元素的情况下扩展DIV
- JavaScript-在不影响索引的情况下将元素插入数组
- 在元素数组上循环只会影响最后一个元素
- 阻止Javascript事件影响子元素
- jQuery:影响相同深度的列表元素
- Javascript不会影响HTML元素
- 是否有任何CSS属性对其元素没有影响
- CSS只影响容器中的元素
- 骨干,如何确保在视图中声明的函数只影响该视图中的DOM元素
- 对于具有相同类的多个元素,只影响jquery中单击的元素
- document.getElementsByClassName不会影响元素
- 元素影响了 JavaScript 等效项
- 影响 JavaScript 中的 CSS 元素
- 解除所有元素上的所有 jQuery 事件的性能影响
- 在不影响布局的情况下降低鼠标悬停元素周围的灵敏度的简单方法是什么
- 如何让导入的 css 字体/图标对影子 dom 中的元素产生影响
- Jquery 只影响悬停在类中的一个元素
- jQuery.text() - 如何在不影响任何子元素的情况下更改标签的文本
- 什么可以防止位置:相对的;左:0;右:200 px;不影响元素的宽度
- 获取影响元素的所有类的列表,包括派生类