【JQ操作不了伪元素，那怎么用JQ使伪元素变色】

JQ操作不了伪元素，那怎么用JQ使伪元素变色

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

截图

代码

 //当进行的天数大于1的时候，在活动台本前插入静止的法官台本
    if (day > 1) {
        for (var i = 0; i < day - 1; i++) {
            $(".item:last").before("<div class=\"item\">\n" +
                "        <div class=\"day\">第" + (i + 1) + "天</div>\n" +
                "        <div class=\"wrap\">\n" +
                "            <div class=\"night\">\n" +
                "                <ul>\n" +
                "                    <li class=\"killer-kill killer-kill-dead\">杀手杀人</li>\n" +
                "                    <li class=\"kill-message killer-kill-message\">3号被杀手杀死，真实身份是平民</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "            <div class=\"daytime\">\n" +
                "                <ul>\n" +
                "                    <li class=\"ghost-speak ghost-speak-dead\">亡灵发表遗言</li>\n" +
                "                    <li class=\"player-speak player-speak-dead\">玩家依次发言</li>\n" +
                "                    <li class=\"vote-kill vote-kill-dead\">全民投票</li>\n" +
                "                    <li class=\"kill-message vote-kill-message\">5号被投票投死，真实身份是杀手</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "        </div>\n" +
                "    </div>")
            //将这一天的信息隐藏
            $(".wrap").eq(i).hide();
            //取出装每天的两个事件说明的数组,分别分配给各个静止法官台本
            var words = JSON.parse(sessionStorage.getItem("words"));
            $(".killer-kill-message").eq(i).text(words[2 * i]);
            $(".killer-kill-message").eq(i).show();
            $(".vote-kill-message").eq(i).text(words[2 * i + 1]);
            $(".vote-kill-message").eq(i).show();
            //将静止台本的每个步骤都设置高亮
            //第一步高亮
            $(".killer-kill").eq(i).css("background", "#92b7a5");
      
            //第二步高亮
            $(".ghost-speak").eq(i).css("background", "#92b7a5");
           
            //第三步高亮
            $(".player-speak").eq(i).css("background", "#92b7a5");
           
            //第四步高亮
            $(".vote-kill").eq(i).css("background", "#92b7a5");
           
        }

编辑于2024-05-16

时间排序

热门排序

[散修弟子]Android-811
0
在元素的click事件中动态的改变伪元素的属性，有两种方法：
1、一个是添加新的样式：
$("#killing").append("<style>.item span:before{border-right:#29bde0 }</style>"); 但这种方法会改变所有同样的伪元素。
2、另外一个方法是为该元素添加新类，并通过设置新类的属性来达到改变伪元素属性的效果，推荐用这个：
css:
```
.item span.change:before{
 border-right: solid 0.20rem #83b09a;
}
```
Jq:
```
$("#killing").addClass("change"); 
```
查看全部>
编辑于2018-12-08

去第页