JS--给选定的标签加样式 其他标签改为无样式

JS--给选定的标签加样式  其他标签改为无样式

像这种的，以前的我会给每个加点击事件

这种固定的就可以传固定的参数（0.1.2.3.4.5...）然后循环这个标签，第N个加样式  其他减去样式（通过加减class操作）

对于一些不固定的数据（从数据库绑定那种）我会在传参的时候添加this  例如  onclick="clickthis(this)",this就可以传递当前的标签  在用获取父节点或兄弟节点来修改参数

parentNode、nextElementSibling、children[0]                  jQuery也有类似的方法;

现在又学会了一种新的方法。通过URL传参来判断  点击列表是需要跳转新页面，获取URL参数

http://localhost:6532/home/list?web=5&webtyp=1&type=10&time=3&read=1

然后JS获取

<script>
    $(function () {
        var url = location.href.toString();
        var web = "";
        var webtype = "";
        var type = "";
        var time = "";
        var read = "";

        if (url.indexOf("web=") > 0) {
            web = url.split("web=")[1];
            web = web.split("&")[0];
        }
        if (url.indexOf("webtyp=") > 0) {
            webtype = url.split("webtyp=")[1];
            webtype = webtype.split("&")[0];
        }
        if (url.indexOf("type=") > 0) {
            type = url.split("type=")[1];
            type = type.split("&")[0];
        }
        if (url.indexOf("time=") > 0) {
            time = url.split("time=")[1];
            time = time.split("&")[0];
        }
        if (url.indexOf("read=") > 0) {
            read = url.split("read=")[1];
            read = read.split("&")[0];
        }
        
        //左侧导航部分
        if (webtype == 2) {
            $(".menu-sub .video").each(function () {
                if ($(this).attr('class').indexOf(web) > 0) {
                    $(this).addClass("active");
                }
            });
        }
        else {
            $(".menu-sub .news").each(function () {
                if ($(this).attr('class').indexOf(web) > 0) {
                    $(this).addClass("active");
                }
            });
        }

        //中间列表部分
        if (type != "") {
            if (type == 0) {
                $("#keyList .zonghe_1").addClass("focus");
            }
            else {
                $("#keyList button").each(function () {
                    var tt = "subject-" + type;
                    if ($(this).attr('class').indexOf(tt) > 0) {
                        $(this).addClass("focus");
                    }
                });
            }
        }
        else {
            $("#keyList .zonghe_1").addClass("focus");
        }

        //时间
        if (time != "") {
            $(".articlesDate .time a").each(function () {
                if ($(this).attr('class').indexOf(time) > 0) {
                    $(this).children().addClass("color-green");
                }
            });
        }
        else {
            $(".articlesDate .time .0 span").addClass("color-green");
        }

        //阅读
        if (read != "") {
            $(".articlesDate .read a").each(function () {
                if ($(this).attr('class').indexOf(read) > 0) {
                    $(this).children().addClass("color-green");
                }
            });
        }
        else {
            $(".articlesDate .read .0 span").addClass("color-green");
        }
    })
    </script>