jQuery - adding elements into an array

Question

I'm trying to add the ID's, which are the $hexcode values from the html span into an array. How do I do this with jQuery? Eventually, I'm going to need to grab these hexcode values and match them to a color index.

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

Thanks in advance!

Looks alright to me. What's not working?

Phil
– Phil

2011-08-09 04:30:24 +00:00
Commented Aug 9, 2011 at 4:30 — Phil
– Phil, Commented Aug 9, 2011 at 4:30
What problem are you experiencing? What is not working?

Jamison Dance
– Jamison Dance

2011-08-09 04:32:06 +00:00
Commented Aug 9, 2011 at 4:32 — Jamison Dance
– Jamison Dance, Commented Aug 9, 2011 at 4:32

ShankarSangoli · Accepted Answer · 2011-08-09 04:48:03Z

35

Try this, at the end of the each loop, ids array will contain all the hexcodes.

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



});

edited Aug 9, 2011 at 4:48

answered Aug 9, 2011 at 4:29

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Richard Over a year ago

Thanks! What is an easy way to check/print my array?

Jamison Dance Over a year ago

console.log(ids) if you are in Chrome or Firebug on Firefox will log it to the developer console.

James Hay Over a year ago

var divnew = document.createElement('div'); for(var i = 0; i < ids.length; i++) { divnew.innerHTML += ids[i] + '<br/>'; } $('body').append(divnew);

Brook · Accepted Answer · 2011-08-09 04:38:16Z

3

var ids = [];

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

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

answered Aug 9, 2011 at 4:38

Brook

4673 silver badges8 bronze badges

Collectives™ on Stack Overflow

jQuery - adding elements into an array

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related