Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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
Jquery 动态值为id的div的Css?_Jquery - Fatal编程技术网

Jquery 动态值为id的div的Css?

Jquery 动态值为id的div的Css?,jquery,Jquery,我在一个网页上有两个或更多的部分。但这里我只拍了两张照片。对于每个部分,我都提供了一个电子邮件图标链接,该链接具有相同的类名“divclasss”,具有不同的ID,如clicki6524、clicki6525。对于每个部分,我都有一个连续的隐藏div dclicki6524和dclicki6525 现在,我想通过单击特定部分中的电子邮件图标链接来显示这些隐藏的div。但现在我们能够做到这一点。你可以看看这两个部分 有时,只有在下面的css代码中给出静态div值#dclicki624时,这才起作用

我在一个网页上有两个或更多的部分。但这里我只拍了两张照片。对于每个部分,我都提供了一个电子邮件图标链接,该链接具有相同的类名“divclasss”,具有不同的ID,如clicki6524、clicki6525。对于每个部分,我都有一个连续的隐藏div dclicki6524和dclicki6525

现在,我想通过单击特定部分中的电子邮件图标链接来显示这些隐藏的div。但现在我们能够做到这一点。你可以看看这两个部分

有时,只有在下面的css代码中给出静态div值#dclicki624时,这才起作用。但是我不想给出静态值,因为div id是动态提交的,它们可以是两个或更多。任何帮助都将不胜感激

我使用的jquery代码是:

$('.divclasss').click(function(){
var a = 'd' + this.id;

$("#a").css({"display":"block",
                "top":"10%",
                "position":"fixed",
                "background":"#333",
                "border-radius":"5px",
                "padding":"10px",
                "color":"#fff"
                });


});

您将字符串连接错误

$("#"+a)
我建议您在这个上下文中使用类
divClass
,因为所有
div
元素的
css
规则都是相同的

只需在css中执行以下操作:

.divclasss{
  display:block;
  top:10%;
  position:fixed;
  background:#333;
  border-radius:5px;
  padding:10px;
  color:#fff;
}

您的选择器错误,您正在获取第一个具有“a”id的元素,而不是变量的值。试试这个

$("#"+a).css({"display":"block",
            "top":"10%",
            "position":"fixed",
            "background":"#333",
            "border-radius":"5px",
            "padding":"10px",
            "color":"#fff"
            });
});

您以错误的方式使用id选择器,因为“a”是一个变量,并且您将其放入字符串中。应该将“#”与变量“a”连接起来。这样使用:

$('.divclasss').click(function(){
var a = 'd' + this.id;

$("#"+a).css({"display":"block",
                "top":"10%",
                "position":"fixed",
                "background":"#333",
                "border-radius":"5px",
                "padding":"10px",
                "color":"#fff"
                });


});

是不是应该是$(“#”+a)?它能工作,谢谢。。我是一名php开发人员,对jquery不熟悉。@user3777827很高兴能帮助。。!如果你觉得这里的任何一个答案都解决了你的问题,那么试着点击答案左上角的勾号。。这不是一种强迫……)