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;
jQuery kodu;
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;
Bu örnek ile mantığını kavradığınızı varsayıyorum. Artık ihtiyaca göre tablolardan verileri alabilir ve düzenlemeler yapabilirsiniz.
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;
Bu örnek ile mantığını kavradığınızı varsayıyorum. Artık ihtiyaca göre tablolardan verileri alabilir ve düzenlemeler yapabilirsiniz.
