Question

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

我的问题是我如何编写一个JQuery选择器来给出我选择的div的索引，即绿色？

马尔科姆

修改

var green = "rgb(0, 128, 0)";

function getIndex(selector) {
$(selector).each(function () {
    if ($(this).css("background-color") == green)
        return $(this).index();
});
return -1;

}

Answer 1

你是如何改变背景颜色的？如果你使用$（“。yourdiv”）。css（“background-color”，“green”）你应该创建一个css类。

.selected{
     background-color: green;
}

然后添加该类

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

之后，您只需要像这样调用选择器：

$(".selected")

Answer 2

试试 DEMO

.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());
});

Answer 3

我假设背景颜色应用了类，所以：

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

Answer 4

您应该将课程应用于＆＃34;选择＆＃34;一个div，然后将样式应用于该类以使背景清洁。然后你可以按类选择元素：

$('.my-class')

Answer 5

我认为这就是你所需要的。

<强> 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>

<强> CSS

userselect{
        width:20px;
        height:20px;
        background:yellow;
        border:1px solid black;
        margin:5px;
    }
    .selected{
        background:green;
    }

<强> JQuery的

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

Fiddle Demo

Answer 6

你在找这个......

    public void setXNetForce () {
    this.xNetForce=xNetForce;
}

    public void setYNetForce () {
    this.yNetForce=yNetForce;
}

    public void getXNetForce() {
 return this.xNetForce;
}
 public void getYNetForce() {
  return this.yNetForce;
}

DEMO

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

6 个答案: