Как найти идентификатор div?

Question

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

В #main_div Я установил 100 div с различными идентификаторами, используя jQuery.

$(".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» значение равно значению «id» #main_div, мне нужно alert("Yes") или что блок «id» BG изменен.

Пожалуйста, проверьте скрипку here.

Answer 1

с селектором $("div").attr("id") вы получите все ДИВ иды ...

использование $(this).attr("id") вместо того, чтобы получить "каждый DIV" ...

Answer 2

Изменить код так:

$("#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 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"); 
     }); 
});