نحوه انتخاب المنتی با id مورد نظر بعد از المنت با id مشخص

[leila.net]

با سلام
دوستان مشکلی که من دارم اینه که می خوام داخل یه جدول که البته کنترل گرید ویوی asp.net هست داخل یکی از cell هاش ، با کلیک بر یک id مثلا A1 نزدیکترین id با نام مثلا date بعد از اون انتخاب بشه . id که می خواد انتخاب شه



<div style="width:56%; float:right; ">
<a id="A1">گزارش </a>
</div>
<div class="clear">
</div>
<div id="Div6" style="z-index: 9998; border: 2px outset gray; border-radius: 10px; padding: 3px; width: 370px; height: 155px; background-color: white; margin: 5px;">
<div id="Div7" style="float: left;">
</div>
<center>
<div style="border-radius: 5px; box-shadow: 20px; height: 150px; width: 365px; background-image: url(Calender.jpg); background-repeat: no-repeat;">
<div style="padding-top: 20px">
<div style="width: 365px;">
<div class="ui-rangeSlider ui-rangeSlider-noArrow ui-dateRangeSlider" id="date" style="width: 365px; float: left; position: relative;">

</div>


</div>

</div></div>


</center>
</div>




من این کد رو نوشتم و جواب هم می گیرم ولی خب راه حل منطقی نمی تونه باشه :



$("#A1").live('click', function () {
alert('ok');
$("#A1").parent().next().next().children('center').childr en().children().children().children().toggle();
alert('ok');
});



لطفا دوستان در این زمینه راهنمایی کنن .

[jalil_gh]

اگه صفحه استاندارد باشه باید فقط یک المنت با id مشخص تو صفحه باشه. برای انتخاب اون هم راحت میشه همه جا از ('date#').$ استفاده کرد.