实现点击不同的按钮加载不同的css

时间：2022-03-09 12:05:50

这段时间做一个小网站发现有时候特别需要点击不同的按钮去加载不同的css，这样可以确定点击的是哪个，由于每个按钮都是从后端数据库加载过来的，不仅是简简单单的用id或者是类名，用过this也不行：

前端加载的代码：

 {%for books in bookslist%}

        <a href="#" id="a_{{books.books_id}}" name="a_books" onclick="books_message('{{books.books_id}}')">{{books.books_name}}</a>

       {%end%}

js（jquery）代码：

 $("a").filter(".list-group-item").css({"background":"#C4E3F3","color":"#31708F"});

 $("#a_" + books_id).css({"background":"#31708F","color":"white"});

js代码：

var  a = document.getElementsByName("a_books");

for(i=0;i<=a.length;i++){

a[i].style="";

document.getElementById("#a_" + books_id)..style="background:red";

}在代码下面还可以做其他的操作。。。

相关文章