jQuery İle Tablo Verilerini Almak

Whistle

Ruhsuz Filozof
Kurucu
Kurumsal Üye
Geliştirici
Yardımsever Üye
Mesaj
11.494
Çözümler
546
Beğeni
12.044
Puan
5.864
Kullanım amacına göre tablolardan verileri alıp işleyebiliriz. Bu konumuzda ise en basit şekilde tablodaki elemanları nasıl alacağımızı göstereceğim.
Uygulamayı genişletmek tamamen size kalmış.

Örnek tablomuz;
HTML:
<table>
    <thead>
        <tr>
            <th>Alan</th>
            <th>Değer</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Forum</td>
            <td>MMO Tutkunları</td>
        </tr>
        <tr>
            <td>nickname</td>
            <td>Whistle</td>
        </tr>
        <tr>
            <td>real_name</td>
            <td>Eray</td>
        </tr>
    </tbody>
</table>

jQuery kodu;
JavaScript:
$(function() {
    $("table > tbody > tr").each(function(key) {
        var str = "";
        $(this).children().each(function(key2) {
            str += $(this).text() + " : ";
        });

        console.log(str.replace(/ : +$/, ''))
    });
});

jQuery kodunda iç içe döngü kullandım. Dıştaki döngü satırları tek tek alıyor içerideki döngü ise satırlar içerisinde tanımlı olan her bir hücreyi tek tek alıyor. Daha sonra bunları sırayla ekliyor.
Konsolda çıktı şöyle gözükecek;
Forum : MMO Tutkunları
nickname : Whistle
real_name : Eray

Bu örnek ile mantığını kavradığınızı varsayıyorum. Artık ihtiyaca göre tablolardan verileri alabilir ve düzenlemeler yapabilirsiniz.
 
Geri
Üst