مشکل در کلاس گذاشتن روی پدر با فوکوس روی فرزند

[arminaj]

سلام
دوستان ی مشکل داشتم
یه input دارم میخوام وقتی روش فوکوس میکنم عنصر پدرش یه کلاس رو بگیره و وقتی از حالت فوکوس در میاد اون کلاس حذف بشه :متفکر:
با css میشه همچین کاری کرد ولی واسه عنصر فرزند نه واسه عنصر پدر :افسرده:
و یکی دیگه اینکه اگر کاربر روی عنصر پدر کلیک کنه اون input به حالت فوکوس در بیاد. :ناراحت:
ممنون میشم راهنمایی کنید. :لبخندساده:

[blue.web9]

اگه درست متوجه شده باشم ساختار کدهای html اینطوریه :


<div>
<input type="text" focus="yes" name="username">
</div>
<div>
<input type="text" focus="yes" name="password">
</div>
<div>
<input type="text" focus="yes" name="age">
</div>


اگه این طوری باشه با این کد درست میشه.دقت کنید هر input که focus=yes باشه روش فوکس کنید یا خیر میتونید به div والد کلاس اضافه یا حذف کنید.


$(document).ready(function (){

$('input[focus="yes"]').focusin(function (){
$(this).parent('div').addClass('addMyClass');
});

$('input[focus="yes"]').focusout(function (){
$(this).parent('div').removeClass('addMyClass');
});

$('input[focus="yes"]').parent('div').click(function (){
$(this).children('input').focus();
});

});


با این این مثال شما میتونید با توجه به نیازتون تغییرات مورد نظر خودتون اعمال کنید.