Jquery 动态值为id的div的Css?
我在一个网页上有两个或更多的部分。但这里我只拍了两张照片。对于每个部分,我都提供了一个电子邮件图标链接,该链接具有相同的类名“divclasss”,具有不同的ID,如clicki6524、clicki6525。对于每个部分,我都有一个连续的隐藏div dclicki6524和dclicki6525 现在,我想通过单击特定部分中的电子邮件图标链接来显示这些隐藏的div。但现在我们能够做到这一点。你可以看看这两个部分 有时,只有在下面的css代码中给出静态div值#dclicki624时,这才起作用。但是我不想给出静态值,因为div id是动态提交的,它们可以是两个或更多。任何帮助都将不胜感激 我使用的jquery代码是:Jquery 动态值为id的div的Css?,jquery,Jquery,我在一个网页上有两个或更多的部分。但这里我只拍了两张照片。对于每个部分,我都提供了一个电子邮件图标链接,该链接具有相同的类名“divclasss”,具有不同的ID,如clicki6524、clicki6525。对于每个部分,我都有一个连续的隐藏div dclicki6524和dclicki6525 现在,我想通过单击特定部分中的电子邮件图标链接来显示这些隐藏的div。但现在我们能够做到这一点。你可以看看这两个部分 有时,只有在下面的css代码中给出静态div值#dclicki624时,这才起作用
$('.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很高兴能帮助。。!如果你觉得这里的任何一个答案都解决了你的问题,那么试着点击答案左上角的勾号。。这不是一种强迫……)