jQuery - thêm các phần tử vào một mảng

Question

Tôi đang cố gắng thêm ID, là các giá trị $ hexcode từ khoảng html vào một mảng. Làm thế nào để làm điều này với jQuery? Cuối cùng, tôi sẽ cần phải lấy các giá trị hexcode và kết hợp chúng với một chỉ số màu.

<?php 
// display every color in the world 

$r = 0; 
$g = 0; 
$b = 0; 
$i = 0; 
$step = 16; 

for($b = 0; $b < 255; $b+=$step) { 
    for($g = 0; $g < 255; $g+=$step) { 
     for($r = 0; $r < 255; $r+=$step) { 
     $hexcolor = str_pad(dechex($r), 2, "0", STR_PAD_LEFT).str_pad(dechex($g), 2, "0", STR_PAD_LEFT).str_pad(dechex($b), 2, "0", STR_PAD_LEFT); 
     echo '<span class="color_cell" id="'.$hexcolor.'" style="width: 5px; height: 5px; background-color:#'.$hexcolor.'; border: 1px dotted;">&nbsp;</span>' 

     if($i%256 == 0) { 
      echo "<br />"; 
     } 
     $i++; 
     } 
    } 

} 
?> 
<script src="jquery-1.6.2.js"></script> 
<script type="text/javascript"> 

var ids = []; 

    $(document).ready(function($) {  
    $(".color_cell").bind('click', function() { 
     alert('Test'); 
     //how do i add the ID (which is the $hexcolor into this array ids[]? 
     ids.push($(this).attr('id'));  
    }); 
}); 

Cảm ơn bạn trước!

Answer 1

Hãy thử điều này, ở cuối mỗi vòng lặp, mảng id sẽ chứa tất cả các mã hex.

var ids = []; 

    $(document).ready(function($) { 
    var $div = $("<div id='hexCodes'></div>").appendTo(document.body), code; 
    $(".color_cell").each(function() { 
     code = $(this).attr('id'); 
     ids.push(code); 
     $div.append(code + "<br />"); 
    }); 



}); 

Answer 2

var ids = []; 

    $(document).ready(function($) {  
    $(".color_cell").bind('click', function() { 
     alert('Test'); 

     ids.push(this.id);  
    }); 
});