我有多个相同类别的 div。 当用户点击一个 div 时,我有一个 slidetoggle(),因为我有两个按钮“接受”和“拒绝”。现在,当用户点击接受或拒绝时,我希望特定的 div 根据接受或拒绝将颜色更改为绿色或红色。
但是当我尝试分配颜色时,所有的 div 都会改变颜色。
有没有办法改变特定div的颜色。
$(document).on("pagecreate","#one1",function(){
$("div.comp2").on("tap",function(){
$("#panel").slideToggle("slow", function(){
$("#accept").on("click",function(){
$("div.comp2").css("background-color","#22bb45");
});
});
});
});
最佳答案
在事件处理程序中,您可以使用 this
关键字来仅引用引发事件的元素,而不是按类选择所有元素。试试这个:
$(document).on("pagecreate","#one1",function(){
$("div.comp2").on("tap", function() {
var $comp2 = $(this);
$("#panel").slideToggle("slow", function(){
$("#accept").on("click", function(){
$comp2.css("background-color","#22bb45");
});
});
});
});
关于javascript - 具有相同类的多个 div 的特定 div 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29340270/