2011-08-09 19 views
9

मैं आईडी को जोड़ने की कोशिश कर रहा हूं, जो एचटीएमएल अवधि से $ हेक्साइड मान एक सरणी में हैं। मैं jQuery के साथ ऐसा कैसे करूं? आखिरकार, मुझे इन हेक्सकोड मानों को पकड़ने और उन्हें रंग सूचकांक से मिलान करने की आवश्यकता होगी।jQuery - एक सरणी में तत्व जोड़ना

<?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'));  
    }); 
}); 

अग्रिम धन्यवाद!

+0

मेरे लिए ठीक लग रहा है। क्या काम नहीं कर रहा है – Phil

+0

आप किस समस्या का सामना कर रहे हैं? क्या काम नहीं कर रहा है – jergason

उत्तर

23

प्रत्येक लूप के अंत में, इसे आज़माएं, ids सरणी में सभी हेक्सकोड होंगे।

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 />"); 
    }); 



}); 
+0

धन्यवाद! मेरी सरणी की जांच/प्रिंट करने का एक आसान तरीका क्या है? – Richard

+0

console.log (ids) यदि आप फ़ायरफ़ॉक्स पर क्रोम या फ़ायरबग में हैं तो इसे डेवलपर कंसोल पर लॉग ऑन करेंगे। – jergason

+0

var divnew = document.createElement ('div'); (var i = 0; i '; } $ ('बॉडी')। संलग्न करें (divnew); –

2
var ids = []; 

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

     ids.push(this.id);  
    }); 
}); 
संबंधित मुद्दे