Witam. Mam tabelke zrobiona w html-u w postaci:

[HTML] pobierz, plaintext 
 <table id="dostawy_typ">
            <thead>
                <tr>
                    <th>LP</th>
                    <th>Nazwa</th>
                    <th >Kolor</th>
                    <th>Edytuj</th>
                    <th>Usuń</th>
                </tr>  
            </thred>
            <tbody>
                 <tr><td>1</td>
                            <td>zrobione</td>
                            <td><div class="kolorki">18692b<div></td>
[HTML] pobierz, plaintext 

I tak dalej.

Chcę teraz zrobić taki myk, żeby odczytać kolor z odpowiedniego pola i ustawić to pole na dany kolor. Rozkminiłem coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
     $(function() {
    val = $('tbody').find('.kolorki').html();
 
    val = val.substring(0,6);
     $('tbody').find('.kolorki').css('background-color', '#'+val); 
     });
</script>
[HTML] pobierz, plaintext 

Jednak ustawia to wszystkie pola z kolorem na kolor 1. A ja chciałby aby każdy wiersz miał swój kolor w danym polu.
Ktoś pomoże?

A może tak:

[JAVASCRIPT] pobierz, plaintext 
$('tbody')
.find('.kolorki')
.each(function() {
	$(this)
	.css("background-color", "#"+$(this).html());
});
[JAVASCRIPT] pobierz, plaintext 

Pomyśl czy nie lepiej nadawać klasę "kolorki" komórkom zamiast pakować dodatkowego DIV-a. Mój kod zadziała dla jednego i drugiego.

P.S. Usunąłem substring, bo nie za bardzo rozumiem jego sens tutaj. Chcesz mieć w komórkach wartości typu "fb48a1 Ala ma kota"? Nawet jeśli tak, to można iść dalej i przepuszczać wartość przez wyrażenie regularne poszukując koloru. Wtedy będziesz mógł mieć kod koloru w dowolnym miejscu treści danej komórki, np. "Lubię bf8a91 kolor".