Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果css类jQuery具有ID,则将其添加到多行_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如果css类jQuery具有ID,则将其添加到多行

Javascript 如果css类jQuery具有ID,则将其添加到多行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有下面的布局,这只是一个例子,它会随着页面的变化而变化 我需要做的是在每个div中添加2个不同的CSS类,这些div已经有了垂直填充,并且必须有一个ID 这样我可以使背景颜色同步,灰色,白色,每个有ID的DIV为灰白色。如果没有ID,则不应指定白色或灰色类:随着有ID的DIV数量在每页中的变化,我需要某种类型的jQuery函数以编程方式为奇数或偶数添加白色和灰色背景,或者为是和一行否添加白色和灰色背景。但DIV必须已经和身份证 例如: 格雷先生{ 背景颜色:灰色; } .白色背景{ 背景色:白

我有下面的布局,这只是一个例子,它会随着页面的变化而变化

我需要做的是在每个div中添加2个不同的CSS类,这些div已经有了垂直填充,并且必须有一个ID

这样我可以使背景颜色同步,灰色,白色,每个有ID的DIV为灰白色。如果没有ID,则不应指定白色或灰色类:随着有ID的DIV数量在每页中的变化,我需要某种类型的jQuery函数以编程方式为奇数或偶数添加白色和灰色背景,或者为是和一行否添加白色和灰色背景。但DIV必须已经和身份证

例如:

格雷先生{ 背景颜色:灰色; } .白色背景{ 背景色:白色; } 1. 2. 3. 4. 5. 6. 8. 9 7. 10 试试这个

var a= document.getElementsByTagName('div');
var n= 1;
    for(int i =0;i<a.length;i++){
    {
       if(a[i].innerHTML.includes('id'))
       {
          if(n%2==0){
            //1st color
           }
          else{
          // 2nd color
          }
        n++;
       }
    }

您可以通过使用[id]和类型为:n的css来实现这一点:

.垂直填充[id]{ 颜色:白色; } .垂直填充[id]:奇数类型的第n个{ 背景颜色:灰色; } .垂直填充[id]:第n个type偶数{ 背景颜色:绿色; } 1. 2. 3. 4. 5. 6. 8. 9 7. 10
还请注意,ID不能以数字开头,并且必须是唯一的。请使用div[i].innerHTML遍历所有div并进行搜索(如果有)。包括“ID”。希望您至少尝试自己编写此代码。我建议你做一些,或者通过谷歌,或者通过搜索,尝试一下。如果您仍然有问题,请返回您的代码并解释您尝试了什么。我不知道我可以使用CSS来实现这一点,谢谢您指出,它在我们的代码片段上运行良好,但是在我的实际站点上,它不太正常,因为有些行仍然显示2种白色或2种灰色,但我会接受您的回答并自己调试谢谢您好,这也很好,但在它通过ID循环之后,如何确定奇数和偶数?初始化一个变量并在其中递增,如果对不起,你能在if语句中详细说明一下吗?我为奇数和偶数做了一个变量?然后分配它?您好,谢谢,然后我会使用下面的添加类对吗?document.getElementsByTagName'vertical-padding'。classList.add'white-bg';是,将类名添加到div