اضافه و حذف یک Css در jquery بطور اختصاصی برای هر رکورد از جدول

[peymannaji]

با سلام

من یک جدول دارم که در هر رکورد یک تصویر وجود داره به کلاسی به نام remove حال در css من کاری که کردم این بود که خاصیت display رو به none تغییر دادم تا تمام تصاویر با کلاس remove دیده نشه . حال کاری که من میخوام انجام بدم اینکه وقتی موس بروی هر رکورد آمد اون تصویر نمایش داده بشه . برای همین من کد زیر رو نوشتم اما مشکل اینجاست که به محض آمد موس بروی هر کدام از رکورد ها باعث میشه تصاویر مخفی کلیه رکورد ها نمایش داده بشه . در صورتی که من میخوام روی هر رکورد که میرم فقط و فقط تصویر آن رکورد نمایان بشه . سوال بنده اینجاست که در کورد زیر چه تغییری باید انجام بدم که این کار بصورت اختصاصی برای هر رکد انجام بشه نه همه رکورد ها :




$(document).ready(function() {
$(".tbl tr").hover(
function() {
$('.remove').css("display", "block");
},
function() {
$('.remove').css("display", "none");
}
);
});

با تشکر:قلب:

[ahmadbadpey]

نمي دونم درست متوجه منطورتون شدم يا نه . ولي فكر كنم كد زير جواب بده :

$(document).ready(function() {
$(".tbl tr").hover(
function() {
$(this).contents('.remove').css("display", "block");
},
function() {
$(this).contents('.remove').css("display", "none");
}
);
});

[peymannaji]

با سلام دوست عزیز .
متاسفانه کار نکرد . :(
اگر من مبهم مشکل رو مطرح کردم بفرمائید که دوباره توضیح بدم .

[ahmadbadpey]

من اين كد رو براي يه مثال ساده امتحان كردم جواب داد .
مي خواي شما كد خلاصه شده ت رو بذار يه نگاه بندازيم .

[peymannaji]

یه نمونه ضمیمه کردم ...
در این نمونه وقتی رو هر رکورد میریم باید عکس فقط همان رکورد نمایان بشه . اما تو اینجا همه تصاویر نمایان میشه ...

[ahmadbadpey]

اين كد رو استفاده كن . اين ديگه كار مي كنه . خودم امتحان كردم :

$(document).ready(function() {
$(".tbl tr").hover(
function() {
$(this).contents('td').contents('a').contents('.re move').css("display", "block");
},
function() {
$(this).contents('td').contents('a').contents('.re move').css("display", "none");
}
);
});

[peymannaji]

ممنون احمد جان خیلی محبت کردی .
`ممکنه در مورد contents یه توضیح کوچیکی بدی که چیکار میکنه ؟