<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.
#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