Question

我在网页上有两个或更多部分。但在这里我只拿两个照片部分。对于每个部分，我都给出了一个带有相同类名“divclasss”的电子邮件图标链接，其中包含clicki6524，clicki6525等不同的ID。对于每个部分，我都有一个隐藏的div连续dclicki6524和dclicki6525。

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

有些时候这个工作只有当我在下面的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"
                });


});

Answer 1

你错误地连接了字符串，

$("#"+a)

由于所有divClass元素的css规则相同，我建议您在此上下文中使用div课程。

简单地用你的css做，

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

Answer 2

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

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

Answer 3

您正在以错误的方式使用ID选择器，因为＆＃39; a＆＃39;是一个变量，你把它放在字符串中。你应该连接＃39;＃＆＃39;变量＆＃39; a＆＃39;。使用方式如下：

$('.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"
                });


});

具有动态值id的div的Css？

3 个答案: