使用JQuery获取具有指定背景颜色的div的索引

我有一个div，其中包含许多div。 div用于用户选择一个数字。 当选择一个div时，我将该div的背景色设置为绿色

我的问题是如何编写JQuery选择器来提供 告诉我所选div的索引，即绿色

马尔科姆

编辑

---

}

我假设背景色应用于一个类，因此：

$("div.green-color").index();

---

你是如何改变背景色的？ 如果您使用的是$（“.yourdiv”）.css（“背景色”、“绿色”） 您应该创建一个css类

.selected{
     background-color: green;
}

然后添加该类

$(".yourdiv").addClass("selected")

之后，您只需按如下方式调用选择器：

$(".selected")

---

您应该应用一个类来“选择”一个div，然后对该类应用样式以使背景干净。然后您可以通过类选择元素，如下所示：

$('.my-class')

试试这个

.green
{
    background-color:green;
    color:white;
}

JS

$('.parent div').on('click',function(){
    $('.parent div').removeClass('green');
    $(this).addClass('green');
});

$('#btncli').on('click',function(){
    alert($('.parent div.green').index());
});

---

我想这就是你需要的

HTML

<div class="container">
      <div class="userselect"> </div>
      <div class="userselect"> </div>
      <div class="userselect"> </div>
      <div class="userselect"> </div>
      <div class="userselect"> </div>
    </div>

JQuery

$(".userselect").on("click",function(oEvent){
   $(".userselect").removeClass("selected");
   $(this).addClass("selected");
    alert("you clicked : "+$(this).index());
});

---

你在找这个吗

$("div").click(function(){
    $("div").css("background","none");
    $(this).css("background","green"); 
    var index = $(this).index();
    alert(index);
});

---

我认为，通过

$（这）

获取索引要比搜索绿色的div更容易。如果你发布

html

我刚刚发布的代码不起作用，那就好了。

$(".userselect").on("click",function(oEvent){
   $(".userselect").removeClass("selected");
   $(this).addClass("selected");
    alert("you clicked : "+$(this).index());
});

$("div").click(function(){
    $("div").css("background","none");
    $(this).css("background","green"); 
    var index = $(this).index();
    alert(index);
});