مشکل با next در jquery

با سلام
من همچین کدی تو برنامه ام دارم:
[PHP]
<div class="question_answer">
<a id="answer" style="cursor:pointer">پاسخ دادن</a>
</div>
<div class="javab">
.
.
.
</div>
[/PHP]میخوام وقتی روی پاسخ دادن کلیک کردم محتوای دایو javab که الان بصورت display:none هست نشون داده بشه
چون تعداد این کدهام بیشتر از یکی هست نمیتونم از این کد استفاده کنم:
[PHP]
$(document).ready(function()
{
$('#answer').click(function()
{
$('div.javab').attr("class","javab_click");
})
});
[/PHP]کدی که من الان نوشتم به اینصورته:
[PHP]
$(document).ready(function()
{
$('#answer').click(function()
{
$('this').next('div.javab').attr("class","javab_cl ick");
})
});
[/PHP]
این کد مثلا قراره خصوصیت اولین دایو با کلاس javab و عوض کنه ولی چون این دایو بیرون از دایوی هست که ایدیش answer هست کار نمیکنه
چطوری میتونم اولین دایو با کلاس javab و (حالا هر جای برنامه )دستکاری کنم؟

با رعایت و درنظر گرفتن پدر و فرزندی المنتها مشکلتون حل میشه.
اول اینکه کلمه کلیدی this رو نباید به عنوان رشته به jQuery پاس بدید. بجای this باید کلاس div والد رو به jQuery پاس بدید، که میشه همون question_answer...
کد شما به اینصورت درست اجرا میشه. خط console.log رو میتونید حذف کنید، برای این گذاشته شده تا از تغییرات اعمال شده با خبر بشید.

کد:

---

$(function() {
    $('#answer').click(function(){
        $('.question_answer').next('div.javab').attr("class","javab_click");
        console.log($('.question_answer').next().attr("class"));
    });
});

---

نقل قول:

---

نوشته شده توسط eAmin [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

با رعایت و درنظر گرفتن پدر و فرزندی المنتها مشکلتون حل میشه.
اول اینکه کلمه کلیدی this رو نباید به عنوان رشته به jQuery پاس بدید. بجای this باید کلاس div والد رو به jQuery پاس بدید، که میشه همون question_answer...
کد شما به اینصورت درست اجرا میشه. خط console.log رو میتونید حذف کنید، برای این گذاشته شده تا از تغییرات اعمال شده با خبر بشید.

کد:

---

$(function() {
    $('#answer').click(function(){
        $('.question_answer').next('div.javab').attr("class","javab_click");
        console.log($('.question_answer').next().attr("class"));
    });
});

---

---

ببینید کدهای من بصورت کامل به این شکله:
[PHP]
for ($i=0; $i<$num; $i++) { ?> <div class="question_div"><!--asked question start--> <div class="left_content_top"></div> <div class="left_content_side"><!-- asked side start--> <div class="asked_name"> <b>سوال از:</b><?php echo $name[$i];?> <b>در تاریخ:</b><?php echo $date[$i];?> </div> <div class="asked_text"> <b>عنوان:</b><?php echo $header[$i];?> <p align="justify" style="margin-top:-1px;"><?php echo $text[$i];?></p> </div> <div class="question_options"><!--ask options start--> <div class="question_delete"> <a id="delete" style="cursor:pointer">حذف سوال</a> </div> <div class="question_answer"> <a id="answer" style="cursor:pointer">پاسخ دادن</a> </div> </div><!--ask options end--> <div class="left_content_down"></div> </div><!-- asked side end--> </div><!--asked question end--> <div class="javab"><!--javab start--> <div class="left_content_top"></div> <div class="left_content_side"><!-- javab side start--> <div class="asked_name"> <b>پاسخ شما</b> </div> <div class="asked_text"> <p align="justify" style="margin-top:-1px;"><textarea name="jvb" class="question_textarea"></textarea></p> <input type="button" name="javab_btn" value="" class="send_ask_btn" /> </div> <div class="left_content_down"></div> </div><!-- asked side end--> </div><!--asked question end-->
[/PHP]
در واقع میخوام وقتی کاربر روی دکمه پاسخ دادن کلیک کرد یه کادر که همو ن کادر جواب هست زیر سوال باز بشه واسه جواب دادن
الان چون اسم همه یکیه(javab) وقتی رو پاسخ دادن کلیک میشه همه کادرهای زیر همه سوالات باز میشه