Question

This should be really simple but what i’m doing is pulling data from a mysql db in php into a table and what i’d like to do is when i click a cell in the ID column, for it to turn white. i can get that to work but once it does one it doesnt do another!?

$('#addtocart').click(function(){
                $('#addtocart').css("color","white");
                return false;
});

In my php i’m doing this:

while($row = mysql_fetch_array($result))
                    {       
                        echo "<tr>";
                        echo "<td id='addtocart'>" . $row['id'] . "</td>";
                        echo "<td>" . $row['om_part_no'] . "</td>";
                        echo "<td>" . $row['supplier_part_no'] . "</td>";
                        echo "<td>" . $row['category'] . "</td>";
                        echo "<td>" . $row['description'] . "</td>";
                        echo "<td>" . $row['manufacturer'] . "</td>";
                        echo "<td>" . $row['list_price'] . "</td>";
                        echo "<td>" . $row['discount'] . "</td>";
                        echo "<td>" . $row['price_each_nett'] . "</td>";
                        echo "</tr>";
                    }
                echo "</tbody>
                </table>";

Should this be causing me this many problems!?

Answer 1

You are doing that only for the element with id=”addtocart”.

I would change it and make it that every element with class=”addtocart” onclick will become white.


$('.addtocart').click(function(){
$(this).css("color","white");
return false;
});


And use echo "td class='addtocart'" . $row['id'] . ""; onstead of ID. You should not have more than one element with the same ID.

P.S. How to add tabs in my code?