jQuery İle Tablo Verilerini Almak


Whistle

Ruhsuz Filozof
Mesaj
9.821
Beğeni
5.689
Puan
3.834
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.
 

Üst