[]
jQuery ile ilgili bir soru soracağım
arkadaşlar şimdi bir div'im var diyelim.
<div id='goster'>
<span>1</span>
<span>2</span>
<span>3</span>
</div>
şeklinde. bir de tablom var.
<table id='tablo'>
<tr>4</tr>
<tr>1</tr>
<tr>6</tr>
<tr>2</tr>
</table>
şeklinde. buraya kadar tamamdır herhalde. (tablonun da, div'in de altındaki span ve tr'lerin sayısı belirsiz)
Şimdi diyorum ki; #goster'in altında bulunan span'lardaki değerleri tek tek alayım.
#tablo altında bu değerlere sahip olan tr'leri mavi renge boyayayım.
İşte böyle bir organizasyonu nasıl hazırlayabilirim?
edit: birden fazla #goster olabilir. ve dediğim gibi, #goster'lerin altındaki span'ların sayısı belirsiz.
<div id='goster'>
<span>1</span>
<span>2</span>
<span>3</span>
</div>
şeklinde. bir de tablom var.
<table id='tablo'>
<tr>4</tr>
<tr>1</tr>
<tr>6</tr>
<tr>2</tr>
</table>
şeklinde. buraya kadar tamamdır herhalde. (tablonun da, div'in de altındaki span ve tr'lerin sayısı belirsiz)
Şimdi diyorum ki; #goster'in altında bulunan span'lardaki değerleri tek tek alayım.
#tablo altında bu değerlere sahip olan tr'leri mavi renge boyayayım.
İşte böyle bir organizasyonu nasıl hazırlayabilirim?
edit: birden fazla #goster olabilir. ve dediğim gibi, #goster'lerin altındaki span'ların sayısı belirsiz.
jQuery.next() diye bir olay var. api.jquery.com
ilk span'den başlayıp içlerindeki değeri alabilirsin, onları da bir array'e atarsın.
ilki için
$('#goster span')...
ikincisi için
$('#goster span').next()...
gibi.
("$('#goster span').next().lenght" ile de daha next'i var mı kontrolünü yaparsın, 0 dönerse yoktur. )
değerleri aldıktan sonra aynı şekilde tablo içindeki değerleri de alıp array in içinde olup olmadığını kontrol etmen gerekir.
ilk span'den başlayıp içlerindeki değeri alabilirsin, onları da bir array'e atarsın.
ilki için
$('#goster span')...
ikincisi için
$('#goster span').next()...
gibi.
("$('#goster span').next().lenght" ile de daha next'i var mı kontrolünü yaparsın, 0 dönerse yoktur. )
değerleri aldıktan sonra aynı şekilde tablo içindeki değerleri de alıp array in içinde olup olmadığını kontrol etmen gerekir.
- lord esseginziki
(16.07.12 00:47:36)
#tablo altındaki değerleri maviye boyamak için css kullanırsan daha temiz halledersin
#tablo tr{ background-color: #f1f1f1; }
şeklinde halledebilirsin. yalnız tr'nin içinde td de olması lazım.
içindeki elemanları almak için ise:
$(document).ready(function()
{
$('#goster span').filter(function()
{
alert($(this).html());
});
});
şurda örneği:
jsfiddle.net
#tablo tr{ background-color: #f1f1f1; }
şeklinde halledebilirsin. yalnız tr'nin içinde td de olması lazım.
içindeki elemanları almak için ise:
$(document).ready(function()
{
$('#goster span').filter(function()
{
alert($(this).html());
});
});
şurda örneği:
jsfiddle.net
- yuto (16.07.12 02:08:43 ~ 02:09:58)
1
