Sortowanie komórek? /Automatyczne sortowanie według figcaption

Question

Witam, chciałbym zrobić na własnej stronce sortowanie alfabetyczne komórek w tabeli według figcaption.
 

<table>
            <tr>
                <td>
                    <figure>
                        <a href="#">
                    <img class="img" src="avatar/a.jpg" width="250px" height="250px">
                   <figcaption>a</figcaption>
                </a>
                    </figure>
                </td>
                <td>
                    <figure>
                        <a href="#">
                    <img class="img" src="avatar/c" width="250px" height="250px">
                   <figcaption>c</figcaption>
                </a>
                    </figure>
                </td>
                <td>
                    <figure>
                        <a href="#">
                    <img class="img" src="avatarb.jpg" width="250px" height="250px">
                   <figcaption>b</figcaption>
                </a>
                    </figure>
                </td>

Przykład:

a

d

g

ca

cd

cb

w

i

fd

fa

I chciałbym żeby komórki posortowały się według <figcaption>

a

ca

cb

cd

d

fa

fd

g

i

w

Mam nadzieję że wiecie o co mi chodzi >_<
No i moje zapytanie jak to najprościej zrobić? 
I czy w ogóle to jest możliwe? 


Czy da się tworzyć kolejne komórki za pomocą mysql z efektami css oraz z zdjęciem?
 

Answer 1

Tak operujesz na appendChild według wartości pozyskanej przez innerHTML. Plus zwykły algorytm sortujący.

Comments

Jakie te sortowanie? Można prosić o link?

---

Masz gotową metodę sort  ale nie wiem czy w tablicy dwuwymiarowej zadziała(wartość; wskaźnik na węzeł),  jak nie to najprościej będzie ręcznie.

---

No właśnie trochę mi się nie chce sortować ponad 400 divów no ale trudno ^ ^
Dzieki

---

No a co ma ilość skrypt się wykona i tak, ilość nie ma tu znaczenia chyba że liczysz jakieś milisekundy.