Question

<div id="container">
  <div class="dice" id="dice"></div>
  <div id="main_div"></div>
</div>

在#main_div中，我使用jQuery插入了100个具有不同ID的div。

$(".dice").click(function(){
        i = Math.floor(Math.random() * images.length);
        $(".dice").html("<img src='"+ path + images[i] +"'>");
        total = (i + 1);
        player_A +=  total;
        $("#main_div div").each(function(){
            var $id_value = $("div").attr('id');
            if($id_value == container){
                alert("yes");
                }else{
                    alert("No");}
            });
    });

如果我连续点击.dice，则 player_A “值会增加。我想要的是，如果“ player_A ”值等于#main_div的“id”值，我需要alert("Yes")或“id”块BG已更改。 / p>

请检查小提琴here。

Answer 1

更改您的代码：

    $("#main_div div").each(function(){
        var id_value = parseInt($(this).attr('id'));
        if(id_value == player_A){
            //alert("yes!");
            $(this).css("background-color", "yellow");
        }else{
            $(this).css("background-color", "white");
        }
    });

我也像你要求的那样改变背景颜色：）

演示：http://jsfiddle.net/8t87g5tt/3/

Answer 2

使用您的选择器$("div").attr("id")，您将获得所有div ... ...

使用$(this).attr("id")来获取＆＃34;每个div＆＃34; ...

Answer 3

尝试使用你的js小提琴

$(document).ready(function(){

    var path = "http://www.simplemailerresponsive.bugs3.com/images/dices/" , images = ["1.png","2.png","3.png","4.png","5.png","6.png"], i = Math.floor(Math.random() * images.length), total, player_A = 0;

    $(".dice").append("<img src='"+ path + images[i] +"'>");

    for(var j=1;j<=100;j++){
        $("#main_div").append("<div class='cell' id='"+j+"'>"+j+"</div>");
        if(j%10 == 0) {
            $("#main_div").append("<div class='clear'></div>");
        }


      }

       $(".dice").click(function(){
            $("#"+player_A).removeClass("red");
            i = Math.floor(Math.random() * images.length);
            $(".dice").html("<img src='"+ path + images[i] +"'>");
            total = (i + 1);
            player_A +=  total;
            console.log(player_A);
            $("#"+player_A).addClass("red");
         });
});

如何找到div id名称？

3 个答案: